[SOLVED] Airbnb Project - Unable to get Google Map to show

Technical Issue Reporting
#1

Hi There,

I cant seems to get Google Map to show even with the apiKey.

I have gone through the scripts 3 times just to make sure there arent any typos,

did I install the wrong package? (Please see below)

  1. yarn add @googlemaps/react-wrapper

  2. yarn add -D @types/google.maps

Your help very much appreciated. Thank You.

Windows 11
npm 8.3.0

#2

You can try look into the Example provided by google maps and see if that works for you so you can implement that. Nevertheless, the example there is in typescript. Whereas the package used in the lecture is google-maps-react.

#3

Thanks for the reply, I found the problem, apparently, I need to obtain another apiKey from the link below,

Also, I did not enable any restrictions to call Google map.

Zombie
Windows 11
NPM 8.3.0