Google Maps JS API-像素化引脚

Question

我正在使用MyMaps-https://www.google.com.au/maps/d/

生成的KMZ文件使用自定义图钉图标构建本地地图。

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

在以下位置进行测试： https://www.veronica.io/xmas.html

图钉图标的大小为100x100px。我尝试使用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>，但这没什么区别。

可能是什么原因造成的？

Answer 1

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

相关问题：

• Marker scales greater than 1 ignored when using a KML layer with the Google Maps API
• KML icon size google maps API?

将图标设置为32x32，以免缩放。