Comments (2)
If you would like to upvote the priority of this issue, please comment below or react on the original post above with 👍 so we can see what is popular when we triage.
@plancerio2020255 Thank you for opening this issue. 🙏
Please check out these other resources that might help you get to a resolution in the meantime:
- Check the issue tracker - bugs and feature requests for Google Maps Platform APIs and SDKs
- Open a support case - Get 1:1 support in Cloud Console.
- Discord - chat with other developers
- StackOverflow - use the
google-maps
tag
This is an automated message, feel free to ignore.
from react-wrapper.
The error-message Uncaught TypeError: google.maps.LatLng is not a constructor
indicates what is the problem here: This can only happen if you try to create a LatLng object before the google-maps API has completed loading.
This happens here since you are trying to use it outside of the wrapper component. The wrapper component will not render it's children until the maps api completed loading, but the WrapperMaps
is outside of the wrapper, so it will render immediately even before the maps API is loaded.
The easiest fix would be to use the google.maps.LatLngLiteral
type to store your position, which is just an object-literal with {lat: number, lng: number}
and doesn't need a constructor-call to create. Otherwise, move the component outside of the component with the effect.
from react-wrapper.
Related Issues (20)
- Example useEffect cleanup function? HOT 1
- Refactor to include hook logic HOT 1
- Less than useless documentation
- Vector maps are not working HOT 1
- Next 13 compatibility HOT 3
- no render Polygon HOT 1
- status is always "success" on invalid API Key HOT 3
- How can I put information on the location pin HOT 3
- [ Map, Marker ] WebGL Uncaught Error: Not initialized. - Next js HOT 1
- Markers flicker when scrolling on the map, React 18 HOT 9
- How to mock <Wrapper /> ? HOT 5
- customize map style HOT 4
- js-loader-api can't load with library marker HOT 2
- Map is not showing HOT 2
- Ability to draw circles HOT 3
- Ability to display complicated markers on the map HOT 2
- ReferenceError: google is not defined HOT 5
- Overlays HOT 2
- customStyleMap can not zoom in to level 22 HOT 4
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-wrapper.