Google Maps API：使用自定義標記圖標旋轉

Question

我正在使用 Google Map Javascript API，我正在嘗試創建一個帶有自定義圖標的自定義標記，該圖標可用於旋轉，

var marker = new google.maps.Marker({
    position: latlng,
    map: this.map
});

marker.setIcon({
  url:"assets/icon/nav.png",
  //path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
  scale: 1,
  rotation: heading,
  scaledSize: new google.maps.Size(35, 35),
});

旋轉屬性與 google.maps.SymbolPath.XXXX 作為代碼中注釋的行一起使用，但不像我在代碼中寫的那樣使用自定義圖標圖像，

所以我問有沒有辦法讓自定義圖標圖像旋轉？ 或者從圖像創建 google.maps.SymbolPath ？

Answer 1

1) 不，因為Icon 對象沒有rotation屬性，並且

2) 是的，您可以，但是為此，您需要使用Symbol 對象和SVG path notation 。 您可以查看此答案和此示例以獲取更多信息。

var symbol = {  
    path: "M0 0 H 90 V 90 H 0 L 0 0",
    fillColor: '#FF0000',
    fillOpacity: .5,
    anchor: new google.maps.Point(0, 0),
    strokeWeight: 0,
    scale: .5,
    rotation: 45
}

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(0, 0),
    map: map,
    icon: symbol
});