Questions regarding Reactjs component for google maps by tomchentw.
Questions regarding Reactjs component for google maps by tomchentw. https://github.com/tomchentw/react-google-maps.
Questions tagged [react-google-maps]
462 questions
-1
votes
1 answer
How to show tooltip in Google marker in react js?
How to sow tooltip in Google marker in react js I am using react Google map component Below is my code------
import { withScriptjs, withGoogleMap, GoogleMap, Marker } from "react-google-maps"
const MyMapComponent =…
-1
votes
1 answer
Markers which are meant to move on google map creates two pairs. One that moves and one that is stuck on initial position
I've been trying to implement a web-application in React that shows all airbourne aircrafts on a map.
For this I've used React-Google-Maps together with the Opensky Network API.
My problem is very weird. When the application first loads and all…
Emil Wallgren
- 23
- 5
-1
votes
1 answer
Info Window not showing on marker click in react-google-maps
I'm trying to get the info window of the specific markers to open when the marker is clicked. The map and markers are all appearing correctly and when I hover over a marker it shows the correct title however when I click a marker nothing happens.…
H.Harrison1993
- 55
- 2
- 7
-1
votes
1 answer
How to use file.json in react-google-maps with polygon path
I have a file.json which contains too much data to fix.
For…
Ozkung
- 31
- 5
-1
votes
1 answer
kml blur background except on polygon
I have a kml with a polygon of the work area of a company.
I would like to blur the whole outside to clearly highlight this area is not in scope.
Note: on the screen shot, the red edge is a style of the polygon. I'll remove it.
Any idea on how to…
Franck
- 257
- 2
- 10
-1
votes
1 answer
onmouseover I need to change the 'options' in 'Polygon' component of 'react-google-maps' & need to have a distinguished ‘id’ for the Polygon
I have predefined paths (array of arrays) to use in Polygon Component
First I need a way to inject an id for the Polygon component and to
get that id when mouseover & mouseout
I need to change the options when mouseover, setOptions?
…
JOOBOO
- 69
- 1
- 6
-1
votes
1 answer
How can I prevent the dimensions of an OverlayView from adjusting when zooming?
I want to use the OverlayView component to show an image on top of the map. However, I'm having trouble preventing the image from scaling as I zoom. Basically, I want the corners of the image to stay at one single lat, lng position, i.e. shrink as I…
srestrepo
- 99
- 1
- 5
-1
votes
1 answer
How to get centre of displayed map in reactjs?
I am making a web app based on reactjs that uses google maps. For using google maps I have used react-google-maps library. I need latitude and longitude of center of map dynamically as it's value can change when map is dragged.
In documentation,…
Bhuwan Adhikari
- 879
- 1
- 9
- 21
-1
votes
1 answer
React Google Map : a UL of all markers binded in GoogleMap and corresponding info window on click of each li
I did a google map with a list of resellers using "react-google-maps"
The markers properly looping and showing in the map
How can I list the 'Marker'/'Resellers' in the Map into a list(UL) too, Also the list(li) click should pop the info…
-1
votes
2 answers
react-google-maps zoom map to circle
This is mainly a question about 'translating' JS to JSX.
I have a react-google-maps map which contains a marker, and a circle around that marker:
The Map component:
export class Map extends Component {
render() {
const GoogleMapInstance =…
Alex
- 2,270
- 3
- 33
- 65
-1
votes
1 answer
Calculate the estimated travel time Google Maps
How can I calculate the estimated travel time on a route with react and google-maps?
Raúl C. Rivero
- 307
- 1
- 4
- 20
-1
votes
1 answer
onClick OverlayView react-google-maps
I can't understand why the onclick in the OverlayView doens't work. I've put a custom object (a simply div) as child, is the BaloonLocationJob.
How can make the OverlayView clickable?
Meesta
- 79
- 8
-1
votes
1 answer
example DirectionsRenderer is crashing
I'm using original code from https://tomchentw.github.io/react-google-maps/#!/DirectionsRenderer
my component:
export default class MyComponent extends React.Component {
render() {
return (
…
metr1ckzu
- 9
- 3
-2
votes
0 answers
React-google-maps create market and get coordinate of point x distance along path
I am using the react-google-maps api and want to create a point on the route from a to b every say 1km. Does anyone have a function to do that, most of the stuff I found online is outdated.
Tried to port over some older functions but V3 has made it…
-2
votes
1 answer
Google map is not working in react application but it is working in code sandbox
I am trying to integrate google map in my react application. But the map is coming blank.
Here is what I am getting.
Google map image from my application
But the same code is working perfectly fine in my code sandbox. I don't know what's happening.…
Noor Ibrahim
- 1
- 2