javascript - 为什么谷歌地图在视网膜上呈现自定义符号非常糟糕？

Question

我有用于标记的自定义符号(不是图标文件)。我认为它是矢量。

但是当我在 Macbook Pro Retina 上打开它时，我看到了伪像，它看起来像 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

渲染:

Answer 1

浏览器最终显示的不再是矢量图形。我检查了this example使用此代码绘制金色星星:

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，路径绘制在基于像素的 Canvas 上。这就是为什么它在 Hi-DPI/视网膜屏幕上看起来不太好。