Ich habe ein paar Polygone auf einer Google Map erstellt. Jetzt möchte ich den Polygonen einen Mouseover (und Mouseout) hinzufügen, so dass Sie, wenn Sie den Mauszeiger über das Polygon bewegen, den Namen des Bereichs sehen können. und wenn Sie die Maustaste loslassen, verschwindet der Name (wie wenn Sie die Maus über die Schaltflächen in Ihrem Browser bewegen)
%Vor%Das ist, wie ich denke, es würde aussehen, aber ich weiß nicht, wie es funktioniert.
Hier ist ein Beispiel: Ссылка
Nicht genau wie ein Tooltip eines Browsers, aber der Text kann gestylt werden. Ich benutze MarkerWithLabel. Jeder Marker wird für den Namen seines Polygons verwendet. Um mehrzeilige Boxen umzuschalten, ändern Sie white-space: nowrap im CSS. Es gibt auch InfoBox als eine Arbeitsoption, aber ich finde es viel komplizierter zu verwenden als MarkerWithLabel.
Die Ereignislistener bewegen das MarkerWithLabel entsprechend der Mausposition herum:
%Vor%Ich habe das nicht in einer Vielzahl von Browsern getestet, aber in Chrome macht es den Trick für mich: Rufen Sie das div auf, das die Karte "map_canvas" enthält. Damit jedes Polygon seinen eigenen Titel hat, legen Sie die Eigenschaft 'sourceName' auf den Titel des Polygons fest.
Tags und Links google-maps google-maps-api-3