Javascript 为什么谷歌地图在视网膜上渲染自定义符号非常糟糕？

我有自定义的标记符号（不是图标文件）。我想是向量

但当我在MacBookPro视网膜上打开它时，我看到了人工制品，它看起来像jpg

我的符号：

icon:
  path: "M18.3,9.7c0,4.8-8.7,17.3-8.7,17.3S1,14.5,1,9.7C1,4.9,4.9,1,9.7,1C14.5,1,18.3,4.9,18.3,9.7z"
  fillColor: "#43A1DD"
  fillOpacity: 1
  strokeColor: "#FFFFFF"
  strokeWeight: 2

渲染：

---

浏览器最终显示的不再是矢量图形。我检查了使用以下代码绘制金星的：

var goldStar = {
    path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145 5,90 95,90 z',
    fillColor: 'yellow',
    fillOpacity: 0.8,
    scale: 1,
    strokeColor: 'gold',
    strokeWeight: 14
};

使用JavaScript，在基于像素的画布上绘制路径。这就是为什么它在Hi-DPI/retina屏幕上看起来不好看的原因