javascript - 谷歌地图标记的动态图像

Question

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

我已经看过Styled Marker 库，但据我所知，您不能将自己的图像与它一起使用——并且从（诚然粗略）看它的来源，我认为我无法将其更改为使用我的图像，因为它似乎使用带有一组默认标记的 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
  });

这是完整的文档。