# GoogleMaps mit API in Shopware 5 einbinden

**URL:** <https://forum.shopware.com/t/googlemaps-mit-api-in-shopware-5-einbinden/28316>\
**Category:** Themes & Design\
**Created:** [22. Juni 2015 um 01:22 UTC](https://forum.shopware.com/t/googlemaps-mit-api-in-shopware-5-einbinden/28316 "2015-06-22T01:22:08Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![boba](https://avatars.discourse-cdn.com/v4/letter/b/c77e96/32.png) [@boba](https://forum.shopware.com/u/boba)\
**Post date:** [22. Juni 2015 um 01:22 UTC](https://forum.shopware.com/t/googlemaps-mit-api-in-shopware-5-einbinden/28316/1 "2015-06-22T01:22:08Z")

</div>

Hallo Community, ich versuche GoogleMaps in :shopware:5 einzubinden. Über iFrame funktioniert es wunderbar. Ich möchte jedoch die GoogleMaps mit einer API einbinden, hierzu habe ich mir schon einen API-Key angelegt und bin nach der Anleitung vorgegangen: [https://developers.google.com/maps/docu … t/tutorial](https://developers.google.com/maps/documentation/javascript/tutorial) Leider klappt es bei mir nicht, auf der Startseite wo ich es haben möchte sieht man nur einen weißen Kasten ohne Karte. Bitte um Rat.

---

<div class="post-metadata">

**Author:** ![janico](https://avatars.discourse-cdn.com/v4/letter/j/e95f7d/32.png) [@janico](https://forum.shopware.com/u/janico)\
**Post date:** [22. Juni 2015 um 11:07 UTC](https://forum.shopware.com/t/googlemaps-mit-api-in-shopware-5-einbinden/28316/2 "2015-06-22T11:07:35Z")

</div>

hallo gibts da schon ne lösung? würde mich auch interessieren… gruss & danke

---

<div class="post-metadata">

**Author:** ![einfachich](https://avatars.discourse-cdn.com/v4/letter/e/ac8455/32.png) [@einfachich](https://forum.shopware.com/u/einfachich)\
**Post date:** [27. August 2015 um 10:36 UTC](https://forum.shopware.com/t/googlemaps-mit-api-in-shopware-5-einbinden/28316/3 "2015-08-27T10:36:02Z")

</div>

Man könnte die doch normal in das Template einbauen. Oder nicht? Sind denn auch alle JS eingebunden?

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [27. August 2015 um 11:15 UTC](https://forum.shopware.com/t/googlemaps-mit-api-in-shopware-5-einbinden/28316/4 "2015-08-27T11:15:38Z")

</div>

[quote=„boba“]Hallo Community, ich versuche GoogleMaps in :shopware:5 einzubinden. Über iFrame funktioniert es wunderbar. Ich möchte jedoch die GoogleMaps mit einer API einbinden, hierzu habe ich mir schon einen API-Key angelegt und bin nach der Anleitung vorgegangen: [https://developers.google.com/maps/docu … t/tutorial](https://developers.google.com/maps/documentation/javascript/tutorial) Leider klappt es bei mir nicht, auf der Startseite wo ich es haben möchte sieht man nur einen weißen Kasten ohne Karte. Bitte um Rat.[/quote] Ich liebe den Satz „klappt nicht“ :x Was klappt nicht? Was hast du wo gemacht? Eignes Plugin oder hardcoded im Theme? Welchen Error bekommst du? Was sagen die dev Tools?

---

<div class="post-metadata">

**Author:** ![neuhauser](https://avatars.discourse-cdn.com/v4/letter/n/a87d85/32.png) [@neuhauser](https://forum.shopware.com/u/neuhauser)\
**Post date:** [6. September 2016 um 13:13 UTC](https://forum.shopware.com/t/googlemaps-mit-api-in-shopware-5-einbinden/28316/5 "2016-09-06T13:13:52Z")

</div>

Ist ein Styling-Problem. Einfach folgenden CSS-Code einfügen:

.gm-style img {  
&nbsp; max-height: none !important;  
&nbsp; max-width: none !important;  
}

---

<div class="post-metadata">

**Author:** ![elbsurfer](https://avatars.discourse-cdn.com/v4/letter/e/90ced4/32.png) [@elbsurfer](https://forum.shopware.com/u/elbsurfer)\
**Post date:** [11. Oktober 2016 um 12:40 UTC](https://forum.shopware.com/t/googlemaps-mit-api-in-shopware-5-einbinden/28316/6 "2016-10-11T12:40:40Z")

</div>

Hallo,

ich habe auch Probleme mit der Google Maps JavaScript API in SW 5.2.4 - ich sehe lediglich eine graue Box, auch wenn ich die oben genannten Style-Änderungen durchführe. Hat noch jemand einen Tipp, woran dies liegen kann?

&nbsp;

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [11. Oktober 2016 um 13:05 UTC](https://forum.shopware.com/t/googlemaps-mit-api-in-shopware-5-einbinden/28316/7 "2016-10-11T13:05:30Z")

</div>

- API Key für die Domain vorhanden?
- CSS und JS korrekt eingebunden und geprüft?
- per Plugin oder TPL eingebunden?

Leute, ihr müsst mal etwas genauer eure Situation beschreiben - hier sind keine Hellseher am Bildschirm 🙂

&nbsp;

---

<div class="post-metadata">

**Author:** ![shopware5](https://avatars.discourse-cdn.com/v4/letter/s/51bf81/32.png) [@shopware5](https://forum.shopware.com/u/shopware5)\
**Post date:** [16. Oktober 2016 um 12:35 UTC](https://forum.shopware.com/t/googlemaps-mit-api-in-shopware-5-einbinden/28316/8 "2016-10-16T12:35:39Z")

</div>

> [@R4M schrieb:](https://forum.shopware.com/profile/17170/R4M "R4M")
> 
> - API Key für die Domain vorhanden?
> - CSS und JS korrekt eingebunden und geprüft?
> - per Plugin oder TPL eingebunden?
> 
> Leute, ihr müsst mal etwas genauer eure Situation beschreiben - hier sind keine Hellseher am Bildschirm 🙂
> 
> &nbsp;

Hallo Leute ich stehe vor dem Selben Problem, und zwar versuche ich laut anleitung von Google Selbst die map einzubinden, aber es kommt garnix weder eine Graue box noch sonst was.

ich habe auch von google einen API schlüssel bekommen aber selbst der geht nicht, ich weiss nicht mehr weiter. Bitte um Hilfe.

&nbsp;

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/7/7a89ad54ab6e489adb85d9e877c10ce9ff57b36f.jpeg)

So sieht es aus ich habe jetzt naürlich nur meinen Key rausgelassen, weil den will ich nicht rumschicken.

Wenn jemand helfen kann bitte pn an [info@r-s-n-u.de](mailto:info@r-s-n-u.de)
