React Js tutorial - google map integration
Вставка
- Опубліковано 6 лют 2025
- in this video we will learn how to integration google map in react js. we need google maps app key for map integration. just follow this video step by step.
find us on / reactnativecode
Checkout and subscribe our new channel for technical news
/ @infotechtalk7676
Checkout and subscribe our new channel for technical news
ua-cam.com/channels/Uu2FA5OO9KpFXL2ZYR0aNg.html
Thanks for sharing your API Key :P
Thanks bro this was very helpful. Respect and Hello from Uzbekistan (Samarkand, Buxoro)
Thank you! You made this seem so simple
thanks you so much
you have helped me on my project
../node_modules/google-maps-react/dist/index.js
Module not found: Can't resolve 'react' in 'D:\projects
hap
ode_modules\google-maps-react\dist'
How to fix it?! Please?!
@@quocvuonglamhcm npm install? Check to see if package-lock.json has that node module as a dependency
@@rehmanarshad1848 thank you bro, it worked!
Nice day to you!
@@quocvuonglamhcm glad to help!
its osm
I want that the map should take the current location.For that what needs to be done in the code.
exactly
Exactly
Thank you for these video but i want to track my current location and destination and want to insert in database so how can I do that?
Did you do that?
TypeError: Cannot read properties of undefined (reading 'props')
did you solve it?
@@za_izhar same ques
Thanks 🙏
You’re welcome 😊
good video
How can we add only the map of a specific country?
thank you
Hello bro do you have any idea about Azure map
hey !!! i have error (this.props.google) why...?
error show me like below
Property 'google' does not exist on type 'Readonly & Readonly'.
I too find this problem did you guys find the solution if yes pls share it'll help many people
awesome!
map can't be load properly...
This is informative, what if i want to provide pin points on the maps from my React code ? how can we do that?
Use Markers
helllo
would like to ask if can i write a line between Point A and Point B and i who chose the road
./src/App.js
Line 26:12: 'YOUR_GOOGLE_API_KEY_GOES_HERE' is not defined no-undef
Line 27:4: 'MapContainer' is not defined no-undef
Search for the keywords to learn more about each error.
qui peut me dire c'est quoi le probleme svpp
you might be using the react-leaflet package comment that code and just use the gmaps package
its giving an error, api:key is undefined
Map loading... map is not coming
is it possible to customize a click on a location then open a page on my website?
you can move the market without map flicking ?
Al right
where your mouse
TypeError: Cannot read property 'selectedPlace' of null
gracias parce !
thanks
../node_modules/google-maps-react/dist/index.js
Module not found: Can't resolve 'react' in 'D:\projects
hap
ode_modules\google-maps-react\dist'
How to fix it?! please?!
Lam Vuong Read the error message. It says module not found so you probably need to install it using ‘npm i google-map-react’
@@NickHamilton88 thank you very much! I tried many times, finally I finding out that there is no Google API :D :D :D
@@quocvuonglamhcm congrats to solving the issue. As frustrating as coding is, it's all worth it when you find a solution!
how will we integrate zoom in / zoom out functionality?
that is automatically provided by maps you do not have to do any thing special
Anyone know how to toggle Satellite mode with code?
how to integrate street view in infowindow?
awaz bdhao bhai
se escucha para el orto
thank you
how to draw a route?
how i add google map with react typescript