Build and Deploy a Google Maps Travel Companion Application | React.js

i am not able to install the dependecies npm install @material-ui/core @material-ui/icons @material-ui/lab @react-google-maps/api axios google-map-react how to fix it ???

at google map script , you have to add -- " -- after putting your api key

How to fetch data of nearby places or cities around user’s current location?

❤

Not able to download material ui and all other stuffs like Google map API please suggest the right way to use it..also program not running

There is a small error in google maps component -> we can't have a dynamic variable (changing value) for defaultCenter prop, i.e
before -
<GoogleMapReact boostrapUrls=.... defaultCenter={Coordinates} .../>

after - in case of a dynamic variable as Coordinates which gets changed on change of view of the map, we should have static variable like {lat:0, lng:0}
<GoogleMapReact boostrapUrls=.... defaultCenter={static variable} .../>

This worked for me, if I'm wrong please correct me
Cheers!!!
👉👈
👐

Thank you for the project, very well done✌✌

Getting below error while running npm install @material-ui/core @material-ui/icons @material-ui/lab @react-google-maps/api axios google-map-react

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"^18.2.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0 || ^17.0.0" from @material-ui/[email protected]
npm ERR! node_modules/@material-ui/core
npm ERR! @material-ui/core@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Any idea to resolve this ?

i am not able to get the google map javascript API

i am getting error 429 and 403 , please tell me how to remove this error.

I am going to use this one as the final project of my frontend internship 🔥

I know its very late to ask i just started building this project and i found a issue related to package installation i am not able to install material ui core icons its says that those were outdated and we can provide those any alternative to this 😅❤

Why am I not able to pin location on the map

i have a problem with the markers when i move or zoom the position change i wrap my icon in a div and i put position absolute and the tranform 2 i dunno whats the problem im going crazy

sad that most of the api and also the mui packages and usage are depracated can u do another video like this but updated ?

you are awesome
I've learnt so much from you
Thank you
Expecting more and more ❤

best javascript mentor love from Bangladesh❤

Great

is someone stuck with the "maps javascript api" part as it is required a billing account to move further.

i need google developer account . in my country payment is not available .

Make a mobile app version of this!

the open weather api does not exists. Can anyone let me know which other api can i use instead.

How to get bootstrapurlkey for free

Thank you! I wanted to include something similar in my project. This really helped!

fantastic project with a lot of new concepts, I'm doing this project by following your NextJS 13.4 video. Can you please make the project on "Screen Sharing" concepts?
Many thanks from Pakistan

Can we implement this web app into a mobile app?

Google Maps API are not free now have any other way can we get the API for dummy project

heyy imgetting error 429 cant load the places

For those who are trying to make this project, I will say that their is no alternative of google maps API yet, as google has taken the free trial of google maps API to use. So, it will be better that you just skip making this project and if you want to learn use of APIs then yeah you can see the video completely otherwise my suggestion is to leave it and work on another project.

Great Video!! I still have 12 to 14 errors and warnings in the console but everything is working fine. Should I leave them??

thanks for helping us to gain knowledge ❣

I am stuck at Maps.js( 34.00), getting minZoom is undefined and many errors

Superb Tutorial. Thanks a ton 🙂

My google place api is not working :
cannot read properties of undefined (reading 'location') typeerror:
cannot read properties of undefined (reading 'location') at

the travel adviser rapid api is depricated, is there any other options?

What I know is :div element doesn't have lat and lng as atttibutes so how did it work for you?

whether the google maps api key is paid?

Can someone please tell me what is the front-end and back-end of this project?

Can you please change this as responsive

Getting Error with @material-ui/core

Does anyone know of any API that could be an alternative to the Travel Advisor API? Thank you very much !!!! 🥲

super video! Hello from Ukraine!

On Map. Jsx file From where are you getting the className={classes. typography}, because we don't have any class defined on Map.js.

Sad, open weather map is no longer available.

I am unable to use the maps s API .it is showing that its paid .

Anyone please tell How this google map is different from the real google map ?

After adding code sometimes i get blank page on local host browser plz help