Ruota google map marker image

Question

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


     }); 

Sto provando a ruotare l'immagine del marcatore su google map in una certa misura.

sto usando sopra il codice è bello, ma sta mostrando FORWARD_OPEN_ARROW dal codice di percorso: google.maps.SymbolPath.FORWARD_OPEN_ARROW, ma voglio aggiungere un'immagine qui invece di freccia

come auto immagine in modo che possa essere ruotata quando il veicolo si muove in una certa direzione. ho un grado di rotazione quindi c'è un modo per mettere l'immagine invece di arraow

Answer 1

provare questo

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


     }); 

Answer 2

Stai usando un oggetto Symbol per la tua icona in questo esempio. Invece è possibile utilizzare un oggetto Icon.

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

Non include tuttavia un attributo di rotazione. Invece, suppongo che tu abbia più sprite, quindi aggiorni quell'URL per usare una particolare immagine per rappresentare diversi gradi di rotazione, come richiesto. per esempio. potresti chiamarli come "image0.jpg", "image45.jpg" e "image90.jpg", ecc.

In alternativa puoi continuare a utilizzare l'oggetto Simbolo, ma puoi specificare un percorso usando SVG path notation.