0

My issue is when users enter their address (with autocomplete), the expected behaviour is that the map would display a marker on the address. But for some strange reason, the map does not display :(

Here is where my test environment is, please have a look: http://mycanprev.com/onboard-test/

Click on the "Location" tab to get to the geocomplete portion. When you enter your address, it's suppose to display the map with the marker set on the entered address but it just displays a gray box instead of the map. The map seems to display fine on mobile though.

I think the issue might be with the z-index, but I'm not sure how to fix it :(

Thanks for your help.

RSantos
  • 21
  • 4

1 Answers1

0

There's a lot of issue that caused the gray box in the maps. You can try this following solution:

  • First, make sure that you used the correct Google Maps API, valid API Key and not deprecated function calls.

  • Setting the zoom parameter correctly. Check this SO question 11749742 and 5838333.

  • Check the size of your maps DIV element and css. Check this SO question for that.

Community
  • 1
  • 1
KENdi
  • 7,576
  • 2
  • 16
  • 31
  • Thank you so much for your attention to my question. I tried setting the zoom and unfortunately it didn't work:( One thing to note is that once I enter an address, the map is still displayed as a gray box but if you resize the window, the map appears!? – RSantos Jul 04 '16 at 16:34