Question

我有一张地图，上面显示公共交通站点。我想根据各种参数对这些停靠点进行颜色编码。我也想用自己的图标。我已经想出如何拍摄png图像并在javascript中更改其颜色，但我不确定如何让Google Map将其用作Marker图像。

我见过Styled Marker library但据我所知，你不能用它自己的形象 - 从一个（粗略地粗略地看）它的来源，我不认为我可以将其更改为使用我的图像，因为它似乎使用带有一组默认标记的URL参数来实现颜色更改。

有什么建议吗？

Answer 1

你想要这样的东西：

  marker = new google.maps.Marker({
    draggable: false,
    raiseOnDrag: false,
    icon: {
      size: new google.maps.Size(32, 42),
      origin: new google.maps.Point(0, 0),
      anchor: new google.maps.Point(15, 42),
      url: // path to png
    },
    animation: google.maps.Animation.DROP,
    position: new google.maps.LatLng(lat, lng),
    map: map
  });

Here's the full documentation

Google地图标记的动态图像

1 个答案: