# Google Maps Einkaufswelt Integration?

**URL:** <https://forum.shopware.com/t/google-maps-einkaufswelt-integration/51722>\
**Category:** Themes & Design\
**Created:** [13. März 2018 um 10:05 UTC](https://forum.shopware.com/t/google-maps-einkaufswelt-integration/51722 "2018-03-13T10:05:46Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![FloC3](https://avatars.discourse-cdn.com/v4/letter/f/838e76/32.png) [@FloC3](https://forum.shopware.com/u/FloC3)\
**Post date:** [13. März 2018 um 10:05 UTC](https://forum.shopware.com/t/google-maps-einkaufswelt-integration/51722/1 "2018-03-13T10:05:46Z")

</div>

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&nbsp; **[https://maps.googleapis.com/maps/api/staticmap?key=YOUR\_API\_KEY&center=40.12607](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?&nbsp;

---

<div class="post-metadata">

**Author:** ![SebastianKloepper](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sebastiankloepper/32/21435_2.png) [@SebastianKloepper](https://forum.shopware.com/u/SebastianKloepper)\
**Post date:** [13. März 2018 um 10:19 UTC](https://forum.shopware.com/t/google-maps-einkaufswelt-integration/51722/2 "2018-03-13T10:19:23Z")

</div>

Du kannst das theoretisch auch einfach per iFrame. Unter&nbsp;[Google Maps](https://www.google.de/maps/) gewünschten Einstellungen treffen.  
Dann im Menü gibt es ja “Karte teilen oder einbetten” --\> Dann auf “Karte einbetten” klicken.  
&nbsp;

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

---

<div class="post-metadata">

**Author:** ![FloC3](https://avatars.discourse-cdn.com/v4/letter/f/838e76/32.png) [@FloC3](https://forum.shopware.com/u/FloC3)\
**Post date:** [13. März 2018 um 10:27 UTC](https://forum.shopware.com/t/google-maps-einkaufswelt-integration/51722/3 "2018-03-13T10:27:24Z")

</div>

Ich möchte keinen iframe, da ich eine Karte gestyled habe mit&nbsp;[https://mapstyle.withgoogle.com/](https://mapstyle.withgoogle.com/).

Wie bekomm ich das hin?

---

<div class="post-metadata">

**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\
**Post date:** [13. März 2018 um 15:35 UTC](https://forum.shopware.com/t/google-maps-einkaufswelt-integration/51722/4 "2018-03-13T15:35:19Z")

</div>

> [@FloC3 schrieb:](https://forum.shopware.com/profile/27446/FloC3 "FloC3")
> 
> Ich möchte keinen iframe, da ich eine Karte gestyled habe mit&nbsp;[https://mapstyle.withgoogle.com/](https://mapstyle.withgoogle.com/).
> 
> Wie bekomm ich das hin?

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

Ansonsten empfehle ich Dir: [Übersicht &nbsp;|&nbsp; Maps JavaScript API &nbsp;|&nbsp; Google for Developers](https://developers.google.com/maps/documentation/javascript/tutorial?hl=de)