allenhwkim / angularjs-google-maps

The Simplest AngularJS Google Maps V3 Directive
http://ngmap.github.io
MIT License
1.52k stars 517 forks source link

Map Not Loading Properly #811

Open shadow1349 opened 7 years ago

shadow1349 commented 7 years ago

When I use the ng-map directive the map will sometimes appear completely grey until I change the screen size.

I have a custom height set on the map:

<ng-map
    center="current-position"
    style="height:94%">
</ng-map>

I can't have my users come to a completely grey map and not know what to do. Is there anything I am missing from this?

Thanks

allenhwkim commented 7 years ago

you need to have proper width/height of the map section.

shadow1349 commented 7 years ago

What is proper width and height?

shadow1349 commented 7 years ago

Can I not use percentages for the height or does the width just have to be present?

Thanks.

allenhwkim commented 7 years ago

Please check this at README.md https://github.com/allenhwkim/angularjs-google-maps#grey-area-in-google-maps