I use react-google-maps/api to show google maps on my website. But marker is not visible despite I use icon prop with a URL as a string:
<LoadScript googleMapsApiKey="">
<GoogleMap mapContainerStyle={mapStyles} zoom={18} center={defaultCenter} />
<Marker
icon={{
url: 'https://cdn1.iconfinder.com/data/icons/Map-Markers-Icons-Demo-PNG/256/Map-Marker-Marker-Outside-Pink.png',
// set marker width and height
}}
key={location.name}
position={location.location}
/>
</LoadScript>
Do you have an idea why this does not work properly? There is no marker on the map.