Google 地图有灰色部分

Google maps has grey section

我正在使用 PHP Laravel 框架、javascript 和 jQuery.

开发 Web 应用程序

我正在通过 Javascript 与 google 地图 API 集成,但我有奇怪的行为,如图

所示

我不知道为什么我的灰色部分以这种奇怪的方式出现

这是我的js代码

 var map = new google.maps.Map(document.getElementById('my_map'), {
 center: {lat: -34.397, lng: 150.644},
 scrollwheel: false,
 zoom: 8
});

任何帮助将不胜感激,提前致谢

这是一个缓存问题,在我恢复到上面提到的基本示例后,我必须清除缓存,它现在工作正常

检查以下解决方案

  • 检查地图容器的position
  • 增加z-index地图容器;
  • 尝试清除浏览器缓存,如果您使用 Chrome
  • ,请按 CTRl+Shift+Delete
  • 在其他浏览器上试试