旋轉谷歌地圖標記圖像

Question

marker1 = new google.maps.Marker( 
{ 
    position: myLatlng, 
      map: map, 
      icon: { 
        path: google.maps.SymbolPath.FORWARD_OPEN_ARROW, 
        scale: 2, 
        rotation: degree 
        } 


     }); 

我想在一定程度上在谷歌地圖上旋轉標記圖像。

我使用上面的代碼是好的，但它是表示路徑的代碼FORWARD_OPEN_ARROW：google.maps.SymbolPath.FORWARD_OPEN_ARROW，但我想在這裏補充，而不是一個箭頭圖像

如汽車圖像，以便在車輛向某個方向移動時可以旋轉。我有一個旋轉的程度，所以有什麼辦法把圖像，而不是排列

Answer 1

試試這個

marker1 = new google.maps.Marker( 
{ 
    position: myLatlng, 
      map: map, 
      icon: { 
        url: "/path/to/your/image.jpg", 
        scale: 2, 
        rotation: degree 
        } 


     }); 

Answer 2

您正在使用一個Symbol對象爲您的圖標在該示例中。相反，您可以使用Icon對象。

icon: { 
    url: "/path/to/your/image.jpg" 
} 

但是，它不包含旋轉屬性。相反，我認爲你會有多個精靈，所以你需要更新該URL以使用特定的圖像來表示不同的旋轉角度。例如您可以將它們命名爲「image0.jpg」，「image45.jpg」和「image90.jpg」等。

或者，您可以繼續使用Symbol對象，但可以使用SVG path notation指定路徑。