Google Maps JS API - 像素化图钉答案

【问题标题】：Google Maps JS API - Pixellated pinsGoogle Maps JS API - 像素化图钉
【发布时间】：2018-11-21 06:15:45
【问题描述】：

我正在使用 MyMaps 生成的 KMZ 文件构建带有自定义图钉图标的本地地图 - https://www.google.com.au/maps/d/

不幸的是，图钉图标看起来很像素化：

图钉图标的大小为 100x100 像素。我尝试使用 7zip 替换 KMZ 文件本身中的图像进行比较 - 与 72dpi 和 300dpi 版本，都是 100x100px 大小，唉，没有区别。

图钉的样式：

<Style id="icon-ci-1-labelson-nodesc">
  <IconStyle>  
    <Icon>
     <href>images/location-icon-1.png</href>
    </Icon>
  </IconStyle>

  <BalloonStyle>
    <text><![CDATA[<h3>$[name]</h3>]]></text>
  </BalloonStyle>
</Style>

我也尝试过缩放<scale>1</scale>，但这没有任何区别。

这可能是什么原因造成的？

【问题讨论】：

不共享可运行代码和不共享图标，我怀疑你会得到任何帮助。

标签： google-maps-api-3 google-maps-markers

【解决方案1】：

Google Maps Javascript API KML 层将所有图标缩放为固定大小 (32x32)。这种缩放会导致您的像素化。

相关问题：

将您的图标设置为 32x32，这样它们就不会被缩放。

【讨论】：

问题是这也行不通（我已经根据以前的答案尝试过，应该提到过......）。我已经用 32x32px 版本更新了图像并将缩放设置为 1.0。 KMZ 文件直接从 MyMaps 导出，其中图标缩放为 60x60px。与 KMZ 本身捆绑在一起的默认图标也是 60x60，我也尝试过......并且发生了同样的事情。
你能提供一个链接到你尝试过的 KMZ 吗？（32x32 图标，比例为 1）
更正，图标为 64x64px*。尽管如此，对于 64x64px 文件，仍然存在相同的问题，比例为 1。 32x32px KMZ（包括、KML 和图像）在这里：veronica.io/au-xmas-lights-32.kmz
那些图标look OK to me，你看到它们像素化的浏览器/平台是什么？
Edge 42.17134.1.0, Firefox 63.0.3, Chrome 70.0.3538.102 on Win10 Pro 1803。我唯一能想到的就是像素密度问题，在谷歌地图(由提供 2 倍缩放图像以实现更高分辨率显示的地图提供）/一旦将图像导出到 KMZ 文件（并且 KMZ 文件仅提供 1 倍图像）就会被清除。我现在在一个 4500x3000px 的显示器上 - 尝试缩小到 1920x1080px，但这对我也没有帮助。这些图像对您来说是清晰的，还是只有轻微的像素化？