# Google Maps Integration in Shopware 5 (Javascript API)

**URL:** https://forum.shopware.com/t/google-maps-integration-in-shopware-5-javascript-api/31236
**Category:** Programmierung
**Created:** [9. Oktober 2015 um 12:42 UTC](https://forum.shopware.com/t/google-maps-integration-in-shopware-5-javascript-api/31236 "2015-10-09T12:42:27Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![jesseblue3](https://avatars.discourse-cdn.com/v4/letter/j/9f8e36/32.png) [@jesseblue3](https://forum.shopware.com/u/jesseblue3)
#### Post date: [9. Oktober 2015 um 12:42 UTC](https://forum.shopware.com/t/google-maps-integration-in-shopware-5-javascript-api/31236/1 "2015-10-09T12:42:27Z")

</div>

Hallo, hat jemand schon versucht Google Maps über die Javascript API in Shopware 5 zu integrieren? Ich bekomme nur eine graue Fläche angezeigt. Die eigentliche Karte erscheint nicht. Die Steuerelemente wie Zoom in, Zoom out sind zwar zu sehen, es werden aber falsche Icons angezeigt. Ich hatte das Problem in einem Kundenprojekt und dachte zuerst es liegt daran, dass die so viele unterschiedliche Javascript-Dateien dort verwenden. Habe also Shopware 5 komplett neu aufgesetzt und es mal auf einer frischen Version getestet. Die gleichen Probleme. Anschließend habe ich es noch in einer normalen index.html-Testseite probiert um Shopware auszuschließen (vielleicht falscher API-Key oder etwas in der Art). Dort lief die Map aber sofort und einwandfrei. Es scheint also mit Shopware zusammenzuhängen. Ich hatte Google Maps mal in Shopware 4 integriert und dort hatte ich keine solchen Probleme. Irgendwelche Erfahrungen? Muss das vielleicht über einen iFrame eingebunden werden? Gruß, Martin

---

<div class="post-metadata">

### Author: ![sjakob](https://avatars.discourse-cdn.com/v4/letter/s/c68b51/32.png) [@sjakob](https://forum.shopware.com/u/sjakob)
#### Post date: [7. Januar 2016 um 19:31 UTC](https://forum.shopware.com/t/google-maps-integration-in-shopware-5-javascript-api/31236/2 "2016-01-07T19:31:15Z")

</div>

Hi, das Problem ist eine CSS definition in den global.less. Füge folgenden CSS Code ein und es sollte passen: `.gm-style img { max-width: none; max-height: none; height: auto; } ` Grüße Sebastian

---

<div class="post-metadata">

### Author: ![jesseblue3](https://avatars.discourse-cdn.com/v4/letter/j/9f8e36/32.png) [@jesseblue3](https://forum.shopware.com/u/jesseblue3)
#### Post date: [25. März 2016 um 11:08 UTC](https://forum.shopware.com/t/google-maps-integration-in-shopware-5-javascript-api/31236/3 "2016-03-25T11:08:43Z")

</div>

Dies scheint das Problem zu beheben. Habe es gerade in einem neuen Projekt ausprobiert. Danke!
