谷歌地图标记减少了一半的互联网浏览器

Question

我在Internet Explorer中使用谷歌地图标记图标时遇到了一个奇怪的问题.我的所有标记都显示出一半减半并且移动了50%以上.

这是使用谷歌的演示代码.所以它一定是奇怪的我在其他地方用风格或jquery做,但我不知道是什么.以前有人有这个问题吗？

Answer 1

我有类似的问题.问题是每个标记图标都继承了> 0的边距,我通过在地图div中为所有img设置边距为零来解决问题.

<style type="text/css">
   #map_canvas img {
       margin: 0px
   }
</style>

Answer 2

您的问题很有趣，因为它也发生在默认标记上。我在 2012 年 2 月的博客文章中描述了自定义标记的类似问题：http : //www.gutensite.com/Google-Maps-Custom-Markers-Cut-Off-By-Canvas-Tiles

我们在使用 Google Maps API 3.8 版时遇到了问题（比其他几个在这里提出解决方案的人要新）。自定义标记将被切断，而默认标记则不会。我们发现这是由用于优化 Google 地图显示方式的新 Canvas 图块引起的。如果您检查元素，您可以看到标记实际上是平铺层。

如果我们关闭“优化”（见下面的代码），标记就会正确显示！所以它似乎与优化代码有关。

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 不允许我包含它们，因为我没有足够的声望点：-\

Answer 3

我通过使用稳定版本的 api 解决了这个问题，例如......

http://maps.google.com/maps/api/js?v=3.2&sensor=false

而不是每晚开发构建...(http://maps.google.com/maps/api/js?sensor=false)