Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 03:57
    elvinhatamov commented #926
  • Aug 04 13:41
    rohitmultani opened #1094
  • Jul 27 06:48
    ismailcherri closed #1086
  • Jul 25 19:38
    taboradeyvi commented #1083
  • Jul 19 13:53
    fdeliu commented #812
  • Jul 16 11:12
    Nandavardha opened #1093
  • Jul 05 15:27
    goethefau commented #1092
  • Jun 23 14:27
    arinconc opened #1092
  • Jun 21 17:43
    feynmanish commented #309
  • Jun 07 18:37
    andrewfritz86 commented #1068
  • Jun 03 12:33
    zharikovartem commented #1077
  • Jun 01 10:00
    asharuDheen-code commented #818
  • Jun 01 10:00
    asharuDheen-code commented #818
  • Jun 01 10:00
    asharuDheen-code commented #818
  • Jun 01 09:59
    asharuDheen-code commented #818
  • Jun 01 09:59
    asharuDheen-code commented #818
  • Jun 01 09:59
    asharuDheen-code commented #818
  • Jun 01 09:58
    asharuDheen-code commented #818
  • Jun 01 09:58
    asharuDheen-code opened #1091
  • May 24 13:46
    soumojit-technoexponent opened #1090
Рустем Гарипов
@Armi0000_twitter
Hello, friends. I have a big problem with this component: without key component show all google POI (like a shops, restaurants etc), but with correct key not this POI showns. I need this POI... Have any idea how to resolve it?
Code is simple:
            <GoogleMapReact
                bootstrapURLKeys={{
                    key: '',
                }}
                defaultCenter={{
                    lat: 68.970663,
                    lng: 33.074918
                }}
                defaultZoom={14}
            >
            </GoogleMapReact>
Enrique Barco
@enriquebarco
Hey Guys, when I open up my InfoWindow, there seems to be an empty one that opens up with it. Seems it was a bug that was previously fixed , however, it is persisting in my case. Any work arounds?
image.png
Enrique Barco
@enriquebarco
Hey again, for those that have run into a similar program, disabling react strict mode in the index file fixed the issue for me
sxm-bart
@sxm-bart
Good day! I'm trying to set the zoom level when there's only 1 marker. The codestack is quite large, so i'm not sure if it's set somewhere in the code or if it's default behaviour; but when there's only 1 marker, it zooms in to the max zoom level. Is this default behaviour? And if so, how to overwrite it?
Fenaz Mohamed
@Fenaz12
Is there any way to use map instance to use it for places library outside onLoad? I want the map instance to be in onCenterChanged so I can use the places library there,
Ram Meena
@raampm1023_gitlab
Hey Guys, I am passing heading as a number as per documentation in my react project to rotate the map but it is not working, could anyone help here
mile-mijatovic
@mile-mijatovic
Hello
I connected my react project to the google maps api using react-google-maps library and it shows the following without any errors
My code
import {
    GoogleMap,
    Marker,
    DirectionsRenderer,
    Circle,
    MarkerClusterer,
    useLoadScript
  } from "@react-google-maps/api";
import { useState, useMemo, useEffect, useRef } from "react";
import "./Map.css";


const API_KEY = xxxxx;

export default function Map() {


    const { isLoaded } = useLoadScript({
        id: 'google-map-script',
        googleMapsApiKey: API_KEY,
      });


    if (!isLoaded) return <div> Loading... </div>
    return(
            <GoogleMap zoom={10} center={{lat:100, lng: 100}} mapContainerClassName="mapContainer" >
                <Marker position={{lat:100, lng: 100}}></Marker>
            </GoogleMap>
    )
}
any idea why it happens?
aviemb
@aviemb:matrix.org
[m]
,Hi All

Hi All,

I want to implement live navigation just like google maps in react (functional). Can anyone please help me how to implement this as i am not getting any idea. I have implemented upto DirectionRender but after that i am not getting any stuffs for this live navigation.

Nisrine El Turky
@NisrineTurky_twitter

Hello :)
I am using https://react-google-maps-api-docs.netlify.app/#drawingmanager

getting black screen :(
can you help please

Mortimer Marsyja
@MortimerMarsyja
Hello and good morning I just wanted to mantion that your sandbox is currently broken
AAQ269
@AAQ269
Hello there this is my first time to use google map platform. And I have website where that the user choose among 4 paths every path have start and end points. But I want estimate arrival time according to the chosen path by using google map distance metrics in my <#905533814577717308> component. How I can use it I’m tried many ways but It’s not successful and I don’t know where I should put API key. Please help me. Thank you
Hello there this is my first time to use google map platform. And I have website where that the user choose among 4 paths every path have start and end points. But I want estimate arrival time according to the chosen path by using google map distance metrics in my react component. How I can use it I’m tried many ways but It’s not successful and I don’t know where I should put API key. Please help me. Thank you
Dhinesh Kumar
@dinesh0666
Hello :)
I am using this libary i need to plot boundary using city names/ zip/postal code is there any work around
can you help please
Daniel Winter
@lucidlemon
hi there, are any updates coming to this package or is it completely dead? is there a famous fork supporting newer react versions?
Manne010
@Manne010
In my case it turned out to be because fitBounds was immediately rebounding the map, so I had to change it so that it was only called once when my map's markers were created.
Manne010
@Manne010
hi any one there?
Reniskumar Ribadiya
@RenishRibadiya
I want to add only marker with label on predefined lat and long in my react js static page.
any one have idea, what will be charge from google ?
Andrei Chiriac
@andrei.chiriac:matrix.org
[m]
Hello, I am new on the platform. I am currently using "react": "17.0.2" and "react-google-maps": "9.4.5". I am getting this warning (React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.) when I am trying to use withGoogleMap HOC because it uses createFactory. Currently, in the project I work, this will cause the build to fail. Is there any fix on the way for this?
I think the easiest fix is to just replace the .createFactory with .createElement inside the HOC
Nikhil Jikar
@NikhilJikar_twitter
hello @everyone my project is stuck due to google map issue. i want to change the direction of driver vehicle on map whenever the there it turn on route or diriver takes turn. the vehicle marker on the map also should the change the direction. currently the the marker remains static it doesnt turn as per route. i i simply means want to animate the vehicle marker turn left right as well... this is my code
return <GoogleMap mapContainerStyle={mapStyles} zoom={100} center={defaultCenter} onLoad={onLoad}>
{
(
defaultCenter !== '' &&
defaultLocate !== ''
) && (
<DirectionsService // required options={{ origin: defaultCenter, destination: defaultLocate, travelMode: 'WALKING' }} // required callback={directionsCallback} />
)
}
<Marker icon={ icon1 } position={defaultCenter} />
{
tate !== null && (
<DirectionsRenderer
// required
options={{
directions: tate
}}
                  />
                )
              }
</GoogleMap>