Comments (2)
Hi @aviklai, the root problem seems to be in the lifecycle of react-leaflet and not really related to this module. I'm guessing the error about google is just a red herring.
I was able to reproduce it here, you can see the above error briefly before it goes over to showing "Map container is being reused by another instance" which is probably the real problem.
https://codesandbox.io/s/basic-usage-with-react-leaflet-v3-forked-37q7d
Notice the use of whenCreated callback whenCreated={(mapRef) => setMap(mapRef)}
that seems to cause the problem.
There is an issue open about it here: PaulLeCam/react-leaflet#943
from react-leaflet-google-layer.
@simonnilsson can you post a codesandbox with this issue?
I tried upgrading the example to react-leaflet 3.2.4 but it still works.
Here is an example of mounting and unmounting the map every 3 seconds:
https://codesandbox.io/s/basic-usage-with-react-leaflet-v3-forked-bstxg
from react-leaflet-google-layer.
Related Issues (20)
- Not able to add traffic layer HOT 8
- Support for react-leaflet 3.x HOT 3
- State updates causes the library to include Google JS API multiple times HOT 4
- Is is possible to hide/disale POI points of interest? HOT 1
- Support React v17 HOT 1
- Uncaught Error: No context provided: useLeafletContext() can only be used in a descendant of <MapContainer> HOT 6
- which version of react-leaflet-google-layer for react-leafet 2.7.0 HOT 3
- Cannot specify map type or any other GoogleMutant property HOT 4
- @googlemaps/js-api-loader need to be upgraded to version "^1.12.12" to resolve error notification with react 17 HOT 1
- Dynamic Layer Switch HOT 7
- The shapes do not match the Google Map layer HOT 7
- Google Maps is not loading HOT 7
- Switch between OSM and GMap at runtime HOT 1
- Portion of Google Layer not loading when width changes in firefox HOT 2
- Upgrade peer dependencies to support react-leaflet v4 HOT 5
- Is it possible to make places of interest clickable? HOT 1
- Is it possible to make custom map style? HOT 1
- Dynamic map type switch HOT 2
- Using react-leaflet-google-layer in react application we have some error how to solve ?? HOT 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-leaflet-google-layer.