Das ist ein toller Service von Google. Endlich kann man, ohne rechtliche Risiken, eine Anfahrtskizze auf seiner Kontaktseite einbinden. Dazu muss man nur einen sogenannten API key bei Google holen und ein wenig JavaScript in die entsprechende Seite einbinden. Toll, wirklich toll! Nur, wie mache ich das auf einer Seite (nicht in Beiträgen) von WordPress? Denn es muss im Head-Bereich JavaScript eingebunden werden. Die Suche im Internet war Abenteuerlich. Plugins soll es geben, auf einer Seite wurden fast alle Themedateien umständlich angepasst… und es geht doch auch einfach!

Um jetzt nicht den ganzen JavaScript-Code auf jeder Seite mitzuschleppen, legte ich mir einfach ein separates Template an. Dafür nahm ich die Datei „page.php“ und benannte sie in „anfahrtspage.php“ um. Den kompletten Inhalt der Datei „header.php“ fügte ich direkt für diese Anweisung ein:

   <?php get_header(); ?>

Jetzt ist es ohne weiteres möglich, den ganzen JavaScript-Code auch auf dieser Seite unterzubringen. Da ich vor der Map noch etwas schreiben möchte, fügte ich den Map-Container direkt nach dem „Content-Tag“ ein, so sollte das aussehen:

   <?php the_content('weiter...'); ?>
   <div id="map" style="width: 500px; height: 300px; "></div>

Es ist aber auch möglich, den Container beim Schreiben der Seite direkt an beliebiger Position anzugeben, nur funktioniert das nicht mit dem WYSIWYG-Editor! Was jetzt noch fehlt, ist die „Mitteilung“ an WordPress, dass ein separates Template vorhanden ist. Also folgte ich den Regeln und fügte am Anfang der Datei noch folgenden Kommentar ein:

<?php
/*
Template Name: Seite mit Googlemap
*/
?>

Wenn man nun eine neue Seite schreibt, kann man das Template rechts auswählen. Das war es schon, mehr ist nicht notwendig. Wie Ihr an die Googledaten kommt und welche Möglichkeiten es mit der Api gibt, beschreibe ich demnächst einmal, also schaut wieder mal vorbei!