在视网膜显示中使用谷歌地图的自定义图标

Use custom icon for google map in retina display

本文关键字：谷歌地图 自定义 图标 视网膜 显示      更新时间：2023-09-26

我为我的应用程序使用 angularjs-google-maps，在此插件中，我们icon <marker>选项：http://rawgit.com/allenhwkim/angularjs-google-maps/master/build/docs/index.html

现在我有一个图标并在此选项中使用，但是我怎么能说在视网膜显示器上显示pin@2x.png？

<map center="[40.74, -74.18]">
  <marker
      position="[40.76, -74.16]"
      draggable="false"
      visible="true"
      icon="pin.png"></marker>
</map>

在谷歌地图API V3中，自定义图标有两个比例参数。一个是大小，另一个是比例大小。为此，您可以尝试在标记标签中添加比例参数。这是一种潜在的解决方案，可以在Google地图视网膜显示屏中显示自定义图标的同时获得更高的分辨率。

<marker
  position="[40.76, -74.16]"
  draggable="false"
  visible="true"
  symbol="pin.png">
  scaleSize=2</marker>

来源： https://developers.google.com/maps/documentation/javascript/reference#Icon

希望这对:)有所帮助

相关文章：