All Questions
Tagged with google-maps reactjs
1,249
questions
0
votes
1
answer
26
views
React + GoogleMaps is very slow to display markers
I'm using googlemaps within a react app for the first time, following the google docs here: https://developers.google.com/codelabs/maps-platform/maps-platform-101-react-js#0.
It's a basic app which ...
-2
votes
1
answer
61
views
Using Google Maps in a Next.js [closed]
In order to make use of Google Maps in a Next.js Web-App.
I followed this tutorial instructions.
The problem is that when I get to the point I want to click a button and make a map appear in the ...
- 11.6k
0
votes
0
answers
22
views
Callout component not displaying correctly using React Native Maps
Basically the Callout component is always being cut does not matter what I put inside of it.
Example:
The code:
<MapView
ref={mapRef}
style={{
width: 300,
...
- 11
0
votes
0
answers
47
views
Unable to interact with the google maps in react
I am using the google maps api '@vis.gl/react-google-maps'. I watched some tutorials and done the same for getting google maps on the screen and some directions and their waypoints. But I am unable to ...
- 1
0
votes
0
answers
43
views
Can anyone help me understand why I'm getting this error? Cannot read properties of null (reading 'useState')
I am trying to build an interactive map page using Google Maps, as part of a travel diary app for a group project. So far I've just copied and pasted from Google's tutorial, trying to get a map on the ...
- 1
0
votes
1
answer
40
views
Icons in Google Maps related project not anchoring to their specific position
I am currently attempting to replicate a web app project which tracks the locations of various wildfires using NASA's public API data. I have reached a point where the icons load at the initial ...
- 23
1
vote
1
answer
64
views
Getting google maps api key from process env
I need to add google maps api key into my .env file.
I configured my webpack according to this config and use it in my map component.
When I console log this key I can see it in console, But while ...
- 11
0
votes
0
answers
19
views
React Native Maps : can't execute action when custom marker is pressed?
in my react native app I use react-native-maps to show some custom markers on a google map, i wan to execute an action as prop when a user clicks on a custom marker but I can't seem to get this to ...
- 3,513
0
votes
0
answers
171
views
How can I dynamically retrieve GeoJSON data based on a given country or state name?
I am developing a Next.js application where I display a map on the dashboard using the react-leaflet package. When the dashboard page loads, a GET API is called, returning an array of strings, which ...
- 377
2
votes
1
answer
362
views
react-google-maps API is not loading using useMapsLibrary hook
I am using react-google-maps to develop a small React application.
As per the below link a particular Google API can be loaded using the useMapsLibrary hook
https://visgl.github.io/react-google-maps/...
- 1,702
0
votes
1
answer
59
views
Next.js pages router, how to import code that needs to be run by the client?
I need to use google map in my project, I use @googlemaps/extended-component-library library.@googlemaps/extended-component-library
import '@googlemaps/extended-component-library/api_loader.js';
...
- 196
-1
votes
1
answer
230
views
How round custom map marker icon in react-google-maps/api?
I am using react-google-maps/api for showing google map. I have used custom icon but it shows correctly in google map. But I want to show the image corner round in the map below like image:
I have ...
- 5,025
0
votes
0
answers
178
views
Trouble Implementing Content Security Policy (CSP) with Google Maps and Google Tag Manager in React Project
I'm facing issues implementing Content Security Policy (CSP) in my React project while allowing scripts for Google Maps and Google Tag Manager. I've configured my nginx server to send CSP headers, and ...
- 7
0
votes
0
answers
23
views
Why the marker (text) is not movable with polygon?
import React, { useState } from 'react';
import { GoogleMap, DrawingManager, Polygon, Marker } from '@react-google-maps/api';
import { useDispatch } from 'react-redux';
import { openDialog } from 'app/...
0
votes
0
answers
104
views
Infinite loop when trying to call google maps geocoding API in ReactJS
I'm new to React and API calls. I currently have a list of locations being passed in as a prop to a Geocoder component which contains a geocoding function. This list is 17 objects long. My intent for ...
