Javascript 谷歌地图显示出一些不当行为

Javascript 谷歌地图显示出一些不当行为,javascript,google-maps,google-maps-markers,Javascript,Google Maps,Google Maps Markers,我成功地实现了显示多个标记的Google Maps Api,但Maps Div总是显示一些错误行为,如下图所示(阴影不正确,在“vienna”标题下有一个波浪(?),左侧的控制按钮缺失) 我在mac上使用chrome浏览器,已经重新启动了我的mac几次,在firefox和safari上也可以复制 我的代码如下所示: <head> <script type="text/javascript" src="https://maps.google.com/maps/api/js?v=

我成功地实现了显示多个标记的Google Maps Api,但Maps Div总是显示一些错误行为,如下图所示(阴影不正确,在“vienna”标题下有一个波浪(?),左侧的控制按钮缺失)

我在mac上使用chrome浏览器,已经重新启动了我的mac几次,在firefox和safari上也可以复制

我的代码如下所示:

<head>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?v=3&sensor=false"></script>
</head>

<div id="map" style="width:500px;height:500px;"></div>

<script type="text/javascript"> 
                    var locations = [
                      ['Vienna',48.2144203,16.383573,1]
                      ['Test',48.53234,16.32367,2]
                    ];

                    var map = new google.maps.Map(document.getElementById('map'), {
                      zoom: 13,
                      center: new google.maps.LatLng(48.2144203,16.383573),
                      mapTypeId: google.maps.MapTypeId.ROADMAP
                    });

                    var infowindow = new google.maps.InfoWindow();

                    var marker, i;

                    for (i = 0; i < locations.length; i++) {  
                      marker = new google.maps.Marker({
                        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
                        map: map
                      });

                      google.maps.event.addListener(marker, 'click', (function(marker, i) {
                        return function() {
                          infowindow.setContent(locations[i][0]);
                          infowindow.open(map, marker);
                        }
                      })(marker, i));
                    }
</script> 

变量位置=[
[维也纳,48.2144203,16.383573,1]
[“测试”,48.53234,16.32367,2]
];
var map=new google.maps.map(document.getElementById('map'){
缩放:13,
中心:新google.maps.LatLng(48.2144203,16.383573),
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var infowindow=new google.maps.infowindow();
var标记,i;
对于(i=0;i
此问题通常来自引导。只需在gmaps页面中添加内联样式,最大宽度为:无;它将被修复

<style>
       img {max-width: none !important;}
</style>

img{最大宽度:无!重要;}

wow perfect的可能副本。是的,我使用引导。那个链接(和一行代码)帮了我的忙!谢谢如果你把这句话变成一个答案,我会接受的!谢谢,这不可用作答案,请向上投票,此问题应作为重复问题关闭。这可能与地图分幅冲突。在我的例子中,在iOS中,由于“最大宽度”属性设置为“无”,贴图无法正确渲染其分幅。但是当我移除它时,虽然地图工作正常,但是那些加减按钮又消失了。我不知道该怎么解决这个问题