You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<StaticGoogleMap
apiKey={process.env.NEXT_PUBLIC_GMAP_API_KEY}
size="600x480"
maptype="satellite"
>
{field.features.map((feature, index) => {
if (feature.geometry.type === 'LineString') {
const coordinates = feature.geometry.coordinates.map(([lng, lat]) => ({ lat, lng }));
return <Path key={index} weight={3} points={coordinates} />;
}
if (feature.geometry.type === 'Point') {
const [lng, lat] = feature.geometry.coordinates;
return (
<Marker
key={index}
location={{ lat, lng }}
anchor="center"
size="tiny"
iconURL="https://bit.ly/3zzfT5J" // --------------------> still showing default google pin despite having this in
scale={0}
/>
);
}
})}
</StaticGoogleMap>
Even though the iconURL param is there and is a valid shortened image URL I'm still getting the default pin marker.
Looking at the resulting image URL I can see there's no icon query param/url field:
Hello!
I have the following code:
Even though the iconURL param is there and is a valid shortened image URL I'm still getting the default pin marker.
Looking at the resulting image URL I can see there's no
icon
query param/url field:At this point I'm not sure if i'm doing something wrong or the iconURL param is being ignored? Help?
Later edit: was looking at the wrong image URL. Sorry for that.
Below is a url that contains the image param (even though I'm still getting the default google marker):
Any idea why this might be?
The text was updated successfully, but these errors were encountered: