Google Maps Markers的动态图像

Question

我有一张显示公共交通站点的地图。 我想根据各种参数对这些停止点进行颜色编码。 我也想使用自己的图标。 我已经弄清楚了如何拍摄png图像并在javascript中更改其颜色，但是我不确定如何获取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
  });

这是完整的文档 。