Google Maps Karte einbauen

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:

<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.

<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