Fügen Sie benutzerdefiniertes Steuerelement, um eine Google-Karte ein dropdown
Ich habe gelesen das Google Maps V3 API-Dokumentation über custom map-Steuerelementen.
Das Dokument zeigt, wie Sie eine einfache Schaltfläche. Jedoch, was ich tun möchte ist meine eigene drop-down-Menü als custom control. Ich möchte mit dieser dropdown-Menü, damit der Benutzer wählen Sie eine Sprache, wie Französisch oder Deutsch.
Google bieten eine eingebaute Karte-Steuerung, genannt MapType. Können Sie weitere, Stil dieses Steuerelement als dropdown-Menü mit der eingebauten google-Stil.maps.MapTypeControlStyle.DROPDOWN_MENU.
So, in Analogie, ich will ein custom control namens MapLanguage, und es haben, verwenden Sie eine drop-down -, als wären wir Zugang zu so etwas wie google.maps.MapLanguageControlStyle.DROPDOWN_MENU. Wenn es ein JQuery-Weg, dies zu tun, dann, so viel besser, als ich bin bereits mit JQuery anderswo in meine app.
Alle Zeiger auf Beispiele wären toll.
- Hast du überall mit diesem? Ich bin versucht, das gleiche zu tun.
- Ich war auf der Suche nach etwas ähnliches, und kam über dieses in der Probe: http://code.google.com/p/gmaps-samples-v3/source/browse/trunk/controls/index.html?spec=svn281&r=281 Dies ist ein einfacher Weg, um ein Dropdown-Steuerelement, das entspricht der v3-Stil
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich brauchte, die gleiche Sache, hier ist eine grundlegende arbeiten:
Können Sie auch sehen, eine funktionierende Beispiel
Habe ich nicht ein Beispiel, aber es scheint, dass google.maps ist sehr flexibel und so lange, wie Sie das code Menü, so dass es in einem einzigen div-Sie können schieben Sie es in die map-Steuerelement-array der gleichen Weise, wie Sie schieben Ihre einfache Schaltfläche.
K
Benutzerdefinierte Steuerelemente ermöglichen es Ihnen, so ziemlich alles, was Sie wollen auf der Karte - dropdown/wählt, logos, buttons, was auch immer. Ich würde empfehlen, mit Material-Design Lite-Komponenten, wie Sie die Google-look.
Werden Sie sicherlich wollen, fügen Sie Ihre benutzerdefinierten logos und Urheberrechte zu Google-Maps mit custom controls. Andernfalls werden Sie wahrscheinlich nicht richtig dargestellt, vor allem auf mobilen Geräten.
Fand ich die offizielle Google Maps-JavaScript-API Benutzerdefinierte Steuerelement-Beispiel ziemlich kompliziert, und ich kann mich nie daran erinnern, die position Optionen. So, ich habe eine winzige 1.72 KB add-on JS auf GitHub Bibliothek namens CONTROL-JS, das Ihnen ermöglicht, einfach erstellen Sie Ihre benutzerdefinierten Inhalt als string, z.B.
var html = "<h1>Hi</h1>"
dann geben Sie auf einem Objekt aufgerufencontrol
wo jede position ist eine Methode, IDE (intellisense erinnert Sie an die möglichen Positionen).So, nur
JS: