Jak obrócić znacznik w Google Maps?

Question

Poniżej przedstawiono kod do obrócenia znacznika, ale jak obrócić niestandardowy znacznik. Dowolny pomysł?

var angleDegrees = 150; 
new google.maps.Marker({ 
    position: a, 
    map: map, 
    icon: { 
     path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW, 
     scale: 6, 
     fillColor: "red", 
     fillOpacity: 0.8, 
     strokeWeight: 2, 
     rotation: angleDegrees //this is how to rotate the pointer 
    } 
}); 

Answer 1

The API reference nic nie mówi konkretnie o jaki obrót odbywa się jednak od path bierze SVG-elementowa powiedziałbym to jak udaje im się go obrócić. Jeśli utworzysz własny znacznik przy użyciu SVG, możesz to zrobić całkiem łatwo, używając transform="rotate(deg centerX centerY").

Answer 2

można użyć następujących funkcji, aby obrócić obraz, elementem jest obraz i stopień jest kąt chcesz obrócić, zero, gdy strzałka znajduje się na północy:

function (element, degree) { 
    if (navigator.userAgent.match("Chrome")) { 
     element.style.WebkitTransform = "rotate(" + degree + "deg)"; 
    } 
    else if (navigator.userAgent.match("Firefox")) { 
     element.style.MozTransform = "rotate(" + degree + "deg)"; 
    } 
    else if (navigator.userAgent.match("MSIE")) { 
     element.style.msTransform = "rotate(" + degree + "deg)"; 
    } 
    else if (navigator.userAgent.match("Opera")) { 
     element.style.OTransform = "rotate(" + degree + "deg)"; 
    } 
    else { 
     element.style.transform = "rotate(" + degree + "deg)"; 
    } 
} 

pozdrawiam ,

Chen

Answer 3

Obrót jest dostępny w interfejsie API. https://developers.google.com/maps/documentation/javascript/examples/overlay-symbol-custom

var icon = { 
    ... 
    path: '...', 
    scale: 1, 
    rotation: [degrees] 
}; 

marker = new google.maps.Marker({ 
    map: [...], 
    icon: icon, 
    ... 
});