我在Internet Explorer中使用谷歌地图标记图标时遇到了奇怪的问题。所有的标记都被割成一半,重复出现并向右移动了50%。
这是使用谷歌的演示代码。所以我肯定在其他地方使用了奇怪的样式或jQuery,但我不知道是什么。有人之前遇到过这个问题吗?
这是使用谷歌的演示代码。所以我肯定在其他地方使用了奇怪的样式或jQuery,但我不知道是什么。有人之前遇到过这个问题吗?
我遇到了类似的问题。问题在于每个标记图标都继承了margin>0,我通过将地图div中所有img的margin设置为零来解决了这个问题。
<style type="text/css">
#map_canvas img {
margin: 0px
}
</style>
var point = new google.maps.Marker({
'position': position,
'map': this.options.map.construct,
'icon': marker_data.custom_icon,
'title': marker_data.title,
'optimized': false
});
我不确定谷歌是否已解决此问题,也不知道是否有更好的解决方案。
其他人建议使用parseInt()解析标记的宽度和高度,可以解决他们的问题。
请参见链接文章获取图片。由于我声望不够,Stackoverflow不允许我包含图片 :-\
optimizeWaypoints: false,
即可。 - Tschallacka#map img {
margin:0px;
padding:0px;
}
我曾经遇到过类似的问题(我使用了自定义标记图像,在IE7-8中它们向左和向下偏移了1个像素)
这段代码解决了这个问题:
<!--[if IE]>
<style>
div#map img{
margin-top: -1px;
margin-left: -1px;
}
</style>
<![endif]-->
这里的map
是Google地图API容器div的id。
对于我来说,将值四舍五入为整数
new google.maps.Size(parseInt(width), parseInt(height))
new google.maps.Point(parseInt(width)/2, parseInt(height))
我尝试了上面的#map_canvas img { margin: 0px; }
解决方案,但只有一半起作用。我将其更改为#map_canvas img { margin: -5px; }
并应用于IE7和IE8样式表。
map.setCenter(<new latlng>);
“刷新”它,然后重新缩放。此外,问题似乎与地图上的任何覆盖物有关。 - KJYe.Name