Estoy tratando de usar Google Maps Api en mi aplicación, todo está bien hasta que quiero mostrar un Marcador en la primera representación del mapa. El Marcador no aparece, pero si agrego un Marcador más después de terminar el renderizado, aparecerá el Marcador.

Entonces, el problema es que quiero representar el mapa con un marcador que ya está allí, no quiero esperar a que se seleccione una ubicación.

Quiero recibir lat y lng de accesorios, pero por ahora he creado una const codificada (centro).

 import React, { useMemo } from "react"; import { useJsApiLoader, GoogleMap, Marker } from "@react-google-maps/api"; export default function GoogleMaps({ lat, lng }) { const { isLoaded } = useJsApiLoader({ googleMapsApiKey: process.env.REACT_APP_GOOGLE_MAPS_API_KEY, }); const center = useMemo(() => ({ lat: 42.4332, lng: 20.4343 }), []); if (!isLoaded) { return <h2>Calculating Locations..</h2>; } return ( isLoaded && ( <GoogleMap center={center} zoom={17} mapContainerStyle={{ width: "450px", height: "400px" }} options={{ disableDefaultUI: true, mapId: "deleted for this snippet" }} > <Marker position={center} /> </GoogleMap> ) ); }