谷歌地图上的自定义图标无法正确绘制

Question

我遇到谷歌地图的问题，几周前我的项目中的绘图图标工作正常。在某些时候，图标非常频繁地绘制，我不知道是什么导致它。它发生在我的开发机器和生产服务器以及所有机器上。

我只使用两个不同的图标，所以我知道位图图像没有损坏。

以下是两个示例图像。

Answer 1

在标记选项中设置optimized:false。

如果optimized为true（默认值），则您的标记图像会合并到切片中。不幸的是，当标记跨越图块边界时，它们也不会在相邻图块上使用，因此看起来在图块的边缘处被截断。使用optimized:false强制将图标作为单独的DOM对象放置在地图上。

Answer 2

如果您发布输出的JSON，您将获得更多帮助。你的gmaps JSON必须没有宽度或高度的引号，如下所示：“picture”：“/ assets / dayhome.png”，“width”：32，“height”：37，“lat”：53.5402，“lng”： -113.628

另一个修复是包括optimize：false，它会禁用html5画布（正在切断标记的方块）。

我在这里做了更详细的分析：Canvas Tiles Cut Off Custom Markers