All Questions
Tagged with google-maps-markers reactjs
150
questions
0
votes
1
answer
50
views
Leaftlet divIcon with clickable button
I'm working on leaflet and I wanted to add click event for a icon in the custom divIcon as below,
If user clicks on the edit(pencile) icon then click event should trigger,
Here is the code I'm ...
3
votes
0
answers
247
views
React Google Maps API MarkerClusterer rerender
I'm working on a proximity app. The database contains longitude, latitude and a geohash of each item. The client supplies GPS coordinates to the server. The server then converts those coordinates to a ...
1
vote
1
answer
86
views
Issue w/ dynamic google maps markers with marker clusterer(likely a misuse of useEffect/useRef)
I'm trying to use marker clusterer with filters for the markers, initially all markers are shown/listed on the map, when a filter(a checkbox input) is checked/applied, only a subset of the markers ...
0
votes
0
answers
40
views
I can't set a default latitude and longitude for the marker
I have a form built with react-hook-form in which I enter the longitude and latitude, which is then reflected in the form and I also have a button to view the record, where I set the information in ...
0
votes
0
answers
101
views
Google Maps API Integration in React: Achieving Stable User Location and Device Orientation
I'm working on a Google Maps API integration in React to display a user's dynamic location, orientation, and tilt based on their mobile or tablet device. However, I'm encountering an issue: even when ...
0
votes
0
answers
100
views
How to hide markers and set background color of react-apexchart's are chart?
This image shows my current result. Coming data structure is below:
const data = [
{
"value": 32.667,
"timestamp": "2023-12-21T22:20:00",
"isPreviousReading&...
0
votes
1
answer
179
views
Styling InfoWindow Google Maps API
I'm trying to style the info window from my Google Maps in react.
I'm doing the following code:
.gm-style .gm-style-iw-d::-webkit-scrollbar-track,
.gm-style .gm-style-iw-d::-webkit-scrollbar-track-...
0
votes
0
answers
57
views
setMap: not an instance of Map; and not an instance of StreetViewPanorama @react-google-maps/api is not showing the Infobox component
I have a parent component like this which includes toggle logic for Google Map.
Currently, @react-google-maps/api is not showing the Infobox component with toggling the map. I read all the post about ...
-3
votes
2
answers
95
views
Google map locality label covered behind Poligon
I used react-google-maps withGoogleMap for the google map in ReactJs, also I am using styles to change the custom view of my google map. in that map i have many polygons with fill color.
the problem ...
0
votes
0
answers
21
views
ReactJS issue with form, location data and google maps API
I have an issue with a code I'm developing for a personal project. I'd like to create a form in ReactJS where users can input a variable number of addresses. I want these addresses to autocomplete ...
0
votes
1
answer
38
views
Control marker visibility by zoom level Reactjs
From the backend I receive data with locations, then I show them on the map. How can I make it so that on the map, depending on the zoom, the number of markers changes, and when you get closer, so ...
0
votes
0
answers
141
views
Render a marker component with React and google-react-map
I'm doing a simple project with React using google-map-react library, by default there is a marker, on click on the map i want to render marker component showing the marker icon. Here is my code, also ...
0
votes
0
answers
170
views
Display AdvancedMarkerElement in street view
Can I render a google.maps.marker.AdvancedMarkerElement in google street view? My marker is rendered fine on the default map, but disappears when switching to street view.
I'm using React and ...
1
vote
2
answers
399
views
Need to change markers from circle to icon in react-google-charts GeoChart
I am using react-google-charts library for my personal project and found there is a way to display markers on the map.
<Chart
width={"200%"}
height={"100%"}...
1
vote
1
answer
218
views
Google Maps Javascript API - isAdvancedMarkersAvailable : false
COULD NOT FIGURE IT OUT, USING MAPBOX API INSTEAD
I am trying to add advanced markers to my react project but I cannot make it work. I think the reason for this is the setting as shown in the picture. ...