Javascript 谷歌地图显示出一些不当行为
我成功地实现了显示多个标记的Google Maps Api,但Maps Div总是显示一些错误行为,如下图所示(阴影不正确,在“vienna”标题下有一个波浪(?),左侧的控制按钮缺失) 我在mac上使用chrome浏览器,已经重新启动了我的mac几次,在firefox和safari上也可以复制 我的代码如下所示: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=
<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中,由于“最大宽度”属性设置为“无”,贴图无法正确渲染其分幅。但是当我移除它时,虽然地图工作正常,但是那些加减按钮又消失了。我不知道该怎么解决这个问题