Google Maps Einkaufswelt Integration?

Hallo,

ich habe eine Einkaufswelt und dort eine Code-Element angelegt. In dieses Code-Element möchte ich Google Maps einbinden.

Ich habe eine Maps-URL ala  https://maps.googleapis.com/maps/api/staticmap?key=YOUR_API_KEY&center=40.12607

Wie krieg ich das jetzt integriert, dass die Map im Code-Element (mit dessen Größe) angezeigt wird? 

Du kannst das theoretisch auch einfach per iFrame. Unter Google Maps gewünschten Einstellungen treffen.
Dann im Menü gibt es ja “Karte teilen oder einbetten” --> Dann auf “Karte einbetten” klicken.
 

Das kannst du dann per Code-Widget z.B. direkt in die Einkaufswelt einbinden.

Ich möchte keinen iframe, da ich eine Karte gestyled habe mit https://mapstyle.withgoogle.com/.

Wie bekomm ich das hin?

@FloC3 schrieb:

Ich möchte keinen iframe, da ich eine Karte gestyled habe mit https://mapstyle.withgoogle.com/.

Wie bekomm ich das hin?

Das steht doch am Ende des"Ich-bastel-mir-meine-bunte-Google-Map"-Prozess! 

Ansonsten empfehle ich Dir: Übersicht  |  Maps JavaScript API  |  Google for Developers

1 „Gefällt mir“