---
title: "Google Maps Karte einbauen"
url: "https://www.typo3.net/d/104984-google-maps-karte-einbauen"
source: "typo3.net"
tags: ["Extensions","Extbase","Frage","JavaScript & AJAX"]
created: "2011-04-17"
last_reply: "2011-04-17"
replies: 0
solved: false
page: 1
pages: 1
lang: "de"
---

# Google Maps Karte einbauen

Extensions › Extbase · 0 Antworten · gestartet 2011-04-17

## Eröffnungsbeitrag

**Biertrinker** · 2011-04-17 · [Beitrag #1](https://www.typo3.net/d/104984-google-maps-karte-einbauen/1)

Hallo Zusammen,

ich arbeite mich gerade etwas in die Entwicklung mit extbase und fluid ein. Mein erstes Projekt soll eine Google-Maps Karte einbauen. (API V3).

Hierfür ist ja das normale vorgehen in etwa so:

im Head bereicht wird:

1. Google Maps geladen:

```javascript
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
```

Dann folgt der Kern, hier wird die Karte eingerichtet und in das Div eingefügt.

```javascript
<script type="text/javascript">
  function initialize() {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }

</script>
```

"inititalize()" wird dann noch im body onload aufgerufen.

Mein Problem ist nun, wie ich das in mein Frontend-Plugin einbauen soll?

Ich könnte die Sachen über das Static-Template einbinden, aber dann kann ich das Script nicht dynamisch anpassen.
Ich möchte ja aber in der Frontend-Ausgabe, also eigentlich im Template Marker in der Karte setzen und den gewünschten Ausschnitt wählen.

Hat jemand das schonmal gemacht und kann mir sagen, wie das funktionieren sollte?

viele Grüße

Biertrinker

---

Quelle: „Google Maps Karte einbauen“, typo3.net, https://www.typo3.net/d/104984-google-maps-karte-einbauen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.