Questions tagged [react-google-maps-api]
93 questions
0
votes
1 answer
Error on production: Refused to load the script react-google-maps/api
I am using @react-google-maps/api with react js
I’ve a problem on production with useLoadScript hook, isLoaded returning false with the following error
Refused to load the script…
Muhammad Owais
- 980
- 3
- 17
- 37
0
votes
0 answers
How to properly update Markers on an existing Google Map with react-google-maps/api
I am creating markers on a map, based on a list of places passed in the state of a component using https://www.npmjs.com/package/@react-google-maps/api. When the places are updated, I want to update the markers shown on the map but I'm hitting…
0
votes
1 answer
Markers disappear when I add `clusterer` to them. @react-google-maps/api
I'm trying to use MarkerClustererF from @react-google-maps/api to cluster markers.
My render looks like this:
{(cluster) => (
<>
{deliveryPendingPositions.map((position, index) => {
return (
…
duplxey
- 260
- 3
- 11
0
votes
1 answer
Markers and OverlayViews not reliably showing in Google Map using @react-google-maps
I have a simple piece of code here where I display a google map using @react-google-maps/api.
I am attempting to display a "Marker" and an "OverlayView" in the center of the map at the same coords as the map center. (A marker is just the default map…
Oliver Watkins
- 12,575
- 33
- 119
- 225
0
votes
1 answer
Removing a marker from Clusterer when its position changes -- React Google Maps
I am using react-google-maps/api library in my typescript react app. My app allows users to mark their location on the map. When the user sets his/her marker he can change the marker location by clicking on a different location. If the markers are…
Kerem İlhan
- 53
- 1
- 6
0
votes
0 answers
When custom map style is provided, @/react-google-maps/api doesn’t render map, or does with errors
Map is working normally but when I pass mapId prop (custom google cloud map styling) it stops rendering tiles and throws error.
when I pass mapId in options
options = {{
mapId: 'xxxxxxxxxxxxx'
}}
and in LoadScript wrapper
ivanpetrijevci
- 11
- 3
0
votes
0 answers
I want to know how to reduce the size of MarkerF
Dion Kim
- 1
0
votes
0 answers
How to publish Google earth engine export map tiles (XYZ), on Google Maps api
New to Google map and earth, I am trying to use Google earth engine api and Google map api to work on a project. The plan is to to use google earth engine api to download landsat image and reshape into the size I need, export the output to firebase…
Alex
- 51
- 4
0
votes
1 answer
How to get all States and Cities of a country using @react-google-maps/api
I need to get all states and cities using @react-google-maps/api. How can i do that?
xKralTr
- 101
- 9
0
votes
0 answers
Access denied for map geocode api
Succesfully integrate the map to my website but getting error for some geocode api.
map loaded successfully
Auto complete
Getting error for below api which I am calling from my…
Ashis
- 1
- 1
0
votes
1 answer
google-map-react make the initial map cover the whole screen
I am using @react-google-maps/api to use google map inside Next JS app.
Based on their documents, they mentioned that the parent HTML element could determine the size of the map.
My return function from my component looks like this:
return (
…
sam
- 23
- 5
0
votes
1 answer
React google maps /api
I made a Google Maps map with a draggable marker in react. When the user drags the marker, I need to know the new latitude and longitude.
How can I retrieve the new coordinates?
I don't understand what is the best approach to doing that in react.
0
votes
1 answer
Access string of selected place in StandaloneSearchBox in react-google-maps/api
I'm wondering how I can access the actual value in a component after the user selected it from the autocomplete dropdown menu. I basically want to make it a controlled component.
I tried getPlaces() but that does not give me…
yumba
- 1,056
- 2
- 16
- 31
0
votes
1 answer
Extract if a route in Google Maps API includes a ferry
I have a function in excel to extract travel distance using Google Maps API that looks like this: Function TRAVELDISTANCE(origin, destination, apikey)
Dim strUrl As String
strUrl = "https://maps.googleapis.com/maps/api/directions/json?origin=" &…
0
votes
0 answers
Property 'MarkerImage' does not exist on type 'typeof maps'
I am running React JS, Typescript with @react-google-maps/api. All good but adding Typescript to the ReactJS I get typescript error:
Property 'MarkerImage' does not exist on type 'typeof maps'.
I have installed @types/google.maps hoping this will…
xyz83242
- 629
- 14
- 27