Question

我已经开发了几个月的地图/搜索应用程序（遗憾的是无法共享网址），Google地图部分在整个过程中都运行良好。

我在 beta 服务器上有一个这个应用程序的实例，该服务器在一个多月内根本没有被修改过。我在前面说过，只是为了清楚我没有介绍一个错误 ......谷歌的结局必须改变。

直到情人节周末，一切正常。在周末之后返回工作时，地图不再显示瓷砖。标记和引脚仍然显示，并且所有内容都可以拖动，因此脚本正常工作，我可以看到已成功请求切片但不再将它们作为背景图像分配给DIV。 / p>

此行为发生在Chrome和Firefox中。有趣的是，一切仍然适用于Safari。

如果信息有帮助，地图会在React应用中动态实例化。

显然，这不是一个普遍的问题，否则每个人都会抱怨它。但毫无疑问，谷歌已经以Maps API v3应用磁贴的方式更改了某些，这已经破坏了我的应用。

最糟糕的是，对于本周所做的任何更改，我无法找到任何公告或发布说明，所以我不知道从哪里开始。

Answer 1

我将所有内容从我的应用中删除，直到找到原因。

问题原来是Bootstrap中的问题......

var myOptions = {
    zoom: 1,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    center: new google.maps.LatLng(53.409532, -2.010498)
}

map = new google.maps.Map(document.getElementById("map"), myOptions);

/* this offending code was in my Bootstrap */

img { max-width:100% !important }

<script src="http://maps.googleapis.com/maps/api/js?v=3&.js"></script>
<div id="map" style="position:absolute;width:100%;height:100%"></div>

我真的很好奇为了之前的工作做了什么样的改变，但现在却失败了。我还想了解这在开发中如何打破我的应用程序，但不会破坏我们的旧应用程序，该应用程序也有适用的规则。

Google Maps v3已停止显示图块

1 个答案: