为什么谷歌地图会在视网膜上呈现自定义符号？

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