Google map is not working in react application but it is working in code sandbox

Question

I am trying to integrate google map in my react application. But the map is coming blank. Here is what I am getting.

But the same code is working perfectly fine in my code sandbox. I don't know what's happening. I need an immediate help

Here is the link of my code sandbox where my map are working fine, I am using the same code in my react application but the map is coming blank there. https://codesandbox.io/s/throbbing-bash-irncro?file=/src/GoogleMapFile.js

Thanks I am waiting for the help.

Please delete your API key from your Google console ASAP and generate a new one if it’s not HTTP restricted to avoid abuse. — Nora Söderlund, Dec 27 '22 at 15:16
The map is initialised which is a good sign, your API key works and the map is running. I suspect there’s an issue with the tiles or the center position. Also check your developer console to see if there’s any clear errors. — Nora Söderlund, Dec 27 '22 at 15:22
@NoraSöderlund There is no error in console, I already checked that — Noor Ibrahim, Dec 27 '22 at 15:56
On network tab it is also calling the google map Api @NoraSöderlund — Noor Ibrahim, Dec 27 '22 at 17:34

score 0 · Answer 1 · answered Dec 29 '22 at 04:58

0

I resolved this issue by using:

overflow: visible

in css. It was merely CSS issue,

answered Dec 29 '22 at 04:58

Noor Ibrahim

1 Answers1