Question

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

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

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

Answer 1

在Google Map API V3中，自定义图标有两个比例参数。一个是尺寸，另一个是scaleSize。为此，您可以尝试在marker标记中添加scale参数。这是在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

希望这会有所帮助：）

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

1 个答案: