Wie ändere ich mithilfe der Google Maps API v3 das Markierungssymbol programmgesteuert?
Was ich tun möchte, ist, wenn jemand über einen Link schwebt - damit das entsprechende Markierungssymbol auf der Karte die Farben ändert, um die betreffende Markierung zu kennzeichnen.
Im Wesentlichen die gleiche Funktion wie bei Roost.
Wenn Sie mit der Maus über eine Home-Liste auf der linken Seite fahren, ändert die entsprechende Markierung auf der rechten Seite die Farbe
Antworten:
Rufen Sie die
marker.setIcon('newImage.png')
... Suchen Sie hier nach den Dokumenten.Fragen Sie nach dem tatsächlichen Weg, dies zu tun? Sie könnten nur jeden erstellen
div
, und ein Add amouseover
undmouseout
Hörer , die das Symbol und zurück für die Markierungen ändern würden.quelle
markersArray[0].setAnimation(google.maps.Animation.BOUNCE);
Sie können auch einen Kreis als Markierungssymbol verwenden, zum Beispiel:
Wenn Sie den Marker dann dynamisch ändern möchten (wie beim Mouseover), können Sie beispielsweise Folgendes tun:
quelle
Dieser Thread ist möglicherweise tot, aber StyledMarker ist für API v3 verfügbar. Binden Sie einfach die gewünschte Farbänderung mit der Methode addDomListener () an das richtige DOM-Ereignis . Dieses Beispiel kommt dem, was Sie tun möchten, ziemlich nahe. Wenn Sie sich die Seitenquelle ansehen, ändern Sie:
zu so etwas wie:
Das sollte ausreichen, um Sie in Bewegung zu bringen.
Auf der Wikipedia-Seite zu DOM-Ereignissen können Sie auch das Ereignis auswählen, das Sie auf der Clientseite erfassen möchten.
Viel Glück (wenn Sie es noch brauchen)
quelle
Die GMaps Utility Library verfügt über ein Plugin namens MapIconMaker , mit dem Sie problemlos verschiedene Markierungsstile im generieren können. Es verwendet Google Charts, um die Markierungen zu zeichnen.
Hier gibt es eine gute Demo , die zeigt, welche Art von Markern Sie damit machen können.
quelle
Sie können diesen Code ausprobieren
quelle