Googleマップのマーカー画像を回転する

Question

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


     }); 

Googleマップでマーカー画像をある程度回転させようとしています。

私は、コードの上に使用しています、それはいいですが、それはパスのコードによって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を更新して、特定のイメージを使用して、必要に応じて回転の度合いを表します。例えばあなたはそれらの代わりに使用すると、シンボルオブジェクトを使用し続けることができますが、あなたはSVG path notationを使用してパスを指定することができます

など、「image0.jpg」、「image45.jpg」のような名前が付けられ、「image90.jpg」ことができました。