Dass man Google Maps auf die eigene Seite einbinden und einiges damit anstellen kann ist mittlerweile schon häufig bewiesen worden. Dass es für viele Leute, gerade solche die wenige mit Web Entwicklung zu tun haben, schwierig sein kann einen Anfang zu finden kam auch oft zu Tage.

Vor gut 1,5 Jahren habe ich selbst angefangen eine kleine Anwendung zu schreiben welche diesen ersten Schritt vereinfachen sollte, aber das Tool leider nie online gestellt. Dann kam Google selbst und hat einen Google Maps Wizzard veröffentlicht, mit dem an sich das Grundgerüst generieren lassen konnte. Seit ein paar Tagen allerdings hat Google das Einbetten einer ausgewählten Karte noch sehr viel vereinfacht. So ist es jetzt möglich mit zwei Schritten den Code für eine Karte erstellen zu lassen um ihn anschließend ganz ohne das bisher notwendige Erstellen eines Google Maps API Keys auf der eigenen Seite zu verwenden.

1. Schritt: Den gewünschten Ort/Punkt auf bei Google Maps heraussuchen und “URL zu dieser Seite” anklicken:

Diese URL kann dann auch gleich noch ein wenig verfeinert werden. Dazu einfach den Link “Eingebettete Karte anpassen und Vorschau anzeigen” anklicken. Es öffnet sich ein Popup mit Vorschau in dem man noch die Größe einstellen kann:

2. Schritt den erstellen Source Code in die eigene Seite einbetten. Die besonderheit hier ist, dass man für diesen Source Code keinen Google Maps Key mehr erstellen muss. Folgender Source Code wurde bei mir erstellt:

<iframe width="500" height="350" frameborder="no" scrolling="no"
  marginheight="0" marginwidth="0"
  src="http://maps.google.com/maps?f=q&hl=de&geocode=&q=mainz,+deutschland&...">
</iframe>
<br/>
<a href="http://maps.google.com/maps?f=q&hl=de&geocode=&q=mainz,+deutschland&..."
  style="color:#0000FF;text-align:left;font-size:small">
  Größere Kartenansicht
</a>

Und so sieht dann das eingebettete Ergebnis aus:

Allerdings sie noch erwähnt, dass man einiges mehr mit Google Maps und der dazugehörigen Google Maps API machen kann. Dazu reicht auch schon ein kleiner Blick in die Google Maps API Dokumentation.