Ich habe wirklich eine Google-Karte, Standardfahrpreis. Es ist jedoch recht klein und die Popup-Info-Fenster auf den Markierungen sind ziemlich groß, also meine Frage ist, ist es möglich, dass diese Popup-Fenster aus dem Rand der Karte und auf die eigentliche Website verschütten? (Siehe dodgy Photoshop Job für ein Beispiel).
Alternativtext http://dotcafedesigns.com/stuff/box-breakout.png
Danke!
Keine Lösung, aber mehr Hintergrund ...
Früher war eine kommerzielle Bibliothek namens BPWindow verfügbar.
Es scheint jedoch, dass es durch Änderungen an GMAP2 nicht funktionsfähig gemacht wurde und nicht länger als eine Bibliothek aufgelistet ist. Vielleicht möchten Sie BitPerfect kontaktieren und sehen, was passiert ist.
Ich habe keinen Weg gefunden, dies zu erreichen, würde aber gerne davon hören, wenn Sie etwas bei Ihrer Suche finden. Ich hatte keine Zeit, GMAP3 zu betrachten, um zu sehen, ob es irgendwelche Änderungen gibt, die dies unterstützen würden. Das könnte auch einen Blick wert sein.
dodgy photoshop Beispiel ist eine hervorragende Möglichkeit, über was Sie wollen. Ich finde immer Bilder hilfreich für diese Art von Sache!
Auf der ausgezeichneten econym Map Tutorial-Seite sieht es aus wie bpWindow ist, was Sie suchen
Ein Werkzeug vom Typ infoWindow, das außerhalb der Karte geöffnet werden kann. Daher wird die Karte niemals automatisch geschwenkt, um ihren Inhalt anzuzeigen.
Allerdings kann ich die Beispiele nicht richtig zum Laufen bringen ... aber hoffentlich hilft es dir irgendwie!
MapTools überschreitet NICHT den Google-Maps-Rahmen / Container.
Trulia.com scheint einen Weg gefunden zu haben, eine InfoBox außerhalb des Kartencontainers zu haben, aber ich bin nicht sicher, wie sie dong sind das.
Sie können sogar Ihr eigenes Tooltip-Framework verwenden und das einzige Problem ist, herauszufinden, wie Sie das Tooltip-Element an der Position des Markers positionieren können.
Hier ist meine Lösung:
fromLatLngToContainerPixel . Leider ist diese Funktion nicht leicht zugänglich. Dein Marker muss die Unterklasse OverlayView haben. Ich habe einen Leitfaden geschrieben wie man das macht. Dies könnte ein Deal-Breaker sein, aber es ist wirklich nicht so schwer. fromLatLngToContainerPixel gibt oben / links relativ zu seinem Container zurück. Wenn sich Ihr Tooltip-Markup auch im selben "positionierten" Container befindet, können Sie den Wert verwenden, wie er ist, und Sie sind fertig. Andernfalls müssen Sie es in die gleiche relative Koordinate wie Ihre QuickInfo konvertieren. Dieser quirksmode Artikel kann Sie dabei unterstützen. Das ist es!
Habe es gerade gestern funktioniert. War nicht so einfach, aber wenn du mit der Art und Weise, wie Marker erstellt werden, herumspielst und ein wenig jQuery hineinziehst, ist es nicht zu schwer. Lesen Sie hier .
Tags und Links javascript html css google-maps css-position