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
  });

這是完整的文檔 。