Google maps api 3 谷歌地图API V3上的灰盒

Google maps api 3 谷歌地图API V3上的灰盒,google-maps-api-3,Google Maps Api 3,谷歌地图API似乎有一个更新,如果没有设置宽度和高度的像素值,那么它只会渲染一个灰色框。我遇到的问题是我需要一张全幅地图 贴图不会渲染,如果向右拖动贴图,则可以看到贴图 我尝试将其添加到一个事件google.maps.event.trigger(map,“resize”)它没有帮助 这是我的标记 <div class="map-holder"> <div id="google-map"></div> </div> 好吧,看来我

谷歌地图API似乎有一个更新,如果没有设置宽度和高度的像素值,那么它只会渲染一个灰色框。我遇到的问题是我需要一张全幅地图

贴图不会渲染,如果向右拖动贴图,则可以看到贴图

我尝试将其添加到一个事件
google.maps.event.trigger(map,“resize”)它没有帮助

这是我的标记

<div class="map-holder">
      <div id="google-map"></div>
</div>    

好吧,看来我找到了解决办法,只需添加一个3.20版本号

<script src="https://maps.googleapis.com/maps/api/js?v=3.20"></script>

好吧,看来我找到了解决方案,只需添加一个3.20版本号

<script src="https://maps.googleapis.com/maps/api/js?v=3.20"></script>


如果您忘记了mapTypeId这一必需属性,则可能会发生此错误。如果忘记传递映射选项,也可能发生此错误。

如果忘记了作为必需属性的mapTypeId,则可能发生此错误。如果您忘记传递地图选项,也可能发生这种情况。

我也有同样的问题,这就是为什么我有灰色框而没有地图。我有两个选项卡-一个是可见的,一个是隐藏的-一个映射在可见的范围内,另一个在隐藏的范围内-我有绝对相同的最小代码来初始化除div id之外的映射

我将隐藏的map div放在可见区域内并运行,它的工作和渲染方式与可见区域一样

我的故事的寓意是——如果它位于隐藏的div中——它将无法正确初始化——可能是因为DOM由于
display:none而无法访问某些东西


我只是希望它能有所帮助-这不是我第一次遇到这种情况,所以我想我会让我的代码兄弟知道这笔交易

我也有同样的问题,这就是为什么我有灰盒而没有地图。我有两个选项卡-一个是可见的,一个是隐藏的-一个映射在可见的范围内,另一个在隐藏的范围内-我有绝对相同的最小代码来初始化除div id之外的映射

我将隐藏的map div放在可见区域内并运行,它的工作和渲染方式与可见区域一样

我的故事的寓意是——如果它位于隐藏的div中——它将无法正确初始化——可能是因为DOM由于
display:none而无法访问某些东西


我只是希望它能有所帮助-这不是我第一次遇到这种情况,所以我想我会让我的代码兄弟知道这笔交易

尝试直接在html标记中设置容器的高度和宽度,而不是样式表或
标记。在您的情况下:


快乐地图

尝试直接在html标记中设置容器的高度和宽度,而不是样式表或
标记。在您的情况下:


快乐地图

想知道是否有人能提供一些关于为什么这会解决它的见解?你能提供一个例子来说明这个问题吗?这也为我解决了这个问题。我原以为省略这个版本会给出最新的版本?想知道是否有人能提供一些关于为什么会修复它的见解?你能提供一个例子来说明这个问题吗?这也为我修复了这个问题。我原以为省略这个版本会得到最新的版本?你的CSS是什么样子的?您如何包括API?请提供一个例子来说明这个问题。你的CSS是什么样子的?您如何包括API?请提供一份说明问题的报告。