Google maps 谷歌地图中的高分辨率符号标记

我想知道如何让Google Maps JavaScript API将集成的符号路径图标显示为高分辨率视网膜图像。现在，它们在iPhone上测试的智能手机屏幕上看起来很可怕

这就是我定义图标的方式：

icon: {
  path: google.maps.SymbolPath.CIRCLE,
  scale: 10
}

如中所述。此页面上可以看到图标的低分辨率

---

一个可能的解决方案是提供一个圆作为高分辨率PNG文件，但我宁愿避免在绘制圆这样的简单任务中进行这种肮脏的攻击。

我不知道你在iPhone上看到了什么，但在我的iPhone上看起来不错。这些预定义符号是矢量SVG符号。它只是一个SVG路径，因此没有高/低分辨率。也可以使用创建自己的符号。请看，我知道SVG路径是什么，但它们没有正确呈现。使用SVG路径表示法时也会出现同样的问题。查看文档的屏幕截图。据我所知，这是谷歌地图API中的一个已知问题：我也有同样的问题，直到有人看到视网膜时才注意到。我想这是因为圆被渲染成一个图像。我发现Illustrator保存的SVG看起来很棒。标记的属性处理方式略有不同。以下是我制作的两个文件进行比较。这种差异只有在高分辨率的屏幕上才能看到。vs