2017-08-02 3 views
1

Ich habe Auto als Marker gesetzt und möchte es drehen. Gibt es eine Möglichkeit, es im definierten Code zu drehen? Wenn nicht, welche anderen Optionen habe ich?Wie man Marker in Schienen mit gmaps4rails dreht?

handler = Gmaps.build('Google'); 
handler.buildMap({ 
    provider: {}, 
    internal: { 
     id: "map" 
    } 
}, function() { 
    marker = handler.addMarkers([{ 
     lat: lat, 
     lng: lng, 
     "picture": { 
      "url": "/assets/car.png", 
      "width": 17, 
      "height": 38 
     } 
    }]); 
}); 

Antwort

0

ich die Lösung von this Antwort verwendet habe, unter Verwendung von durchgeführt werden. Es verwendet die Leinwand, um das Bild zu drehen. Sehen Sie sich den jsfiddle Link für Live-Beispiel am Ende der Antwort an.

1

Schauen Sie sich diese Frage:

How to rotate a marker in Google Maps?

Weg nimmt ein SVG-Element, das ich, das ist sagen würde, wie sie es schaffen, es zu drehen. Wenn Sie Ihren benutzerdefinierten Marker SVG erstellen kann es ziemlich leicht

transform="rotate(deg centerX centerY"). 
+1

Danke für die Antwort. Ich folgte dem Link und setzte 'icon:" /assets/car.png "' und wendete Rotation mit 'rotation: 45' an, aber es rotiert nicht. Wenn ich 'icon: google.maps.SymbolPath.FORWARD_CLOSED_ARROW' einstelle, rotiert es perfekt. Und ich habe den Transform-Teil nicht bekommen. – Touqeer