info@netz-gaenger.de       📞 +49 151 / 28859057
Google Maps in Wordpress einbauen

Google Maps mit Shortcode in WordPress einbinden

Unternehmen bieten auf Ihrer Internetseite oftmals eine Anfahrtsbeschreibung.

Mit der folgenden Anleitung ist es besonders einfach eine Karte von Google Maps per Shortcode in WordPress einzubauen.

1. Google Maps Shortcode in functions.php erstellen

function rockable_googlemap($atts, $content = null) {
   extract(shortcode_atts(array(
               "width" => '940',
               "height" => '300',
               "src" => ''
   ), $atts));

return '<div>
         <iframe src="'.$src.'&output=embed" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="'.$width.'" height="'.$height.'"></iframe>
        </div>
       ';
}

add_shortcode("googlemap", "rockable_googlemap");

2. URL von Google Maps holen

Gehen Sie auf https://maps.google.de/ und suchen Sie nach Ihrem Standort. Klicken Sie anschließend das Link-Symbol (neben dem Druck-Symbol) und kopieren den Link.

3. Einfügen des Google-Maps Shortcode in einen Beitrag oder eine Seite

Fügen Sie den folgenden Code in Ihren Artikel oder Ihre Seite an die gewünschte Stelle ein:

[googlemap src="google_map_url_muss_hier_rein"]

Alternativ fügen Sie diesem Shortcode noch die Höhen oder Breitenangabe der Map an:

[googlemap width="600" height="250" src="google_map_url_muss_hier_rein"]

Und so sieht das Ergebnis dann beispielsweise aus:

[googlemaps src=“https://maps.google.de/maps?q=schlehenweg+7,+91186&hl=de&ie=UTF8&sll=48.917413,11.407993&sspn=3.992588,10.821533&hnear=Schlehenweg+7,+91186+B%C3%BCchenbach,+Mittelfranken,+Bayern&t=m&z=16″ width=“400″ height=“400″]

4. Alternative

Alternativ können Sie auch direkt ein iFrame einbinden. Den Code finden Sie ebenso auf Google Maps, wenn Sie das Link-Symbol klicken.

Hat dir mein Beitrag geholfen?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 0 / 5. Anzahl Bewertungen: 0

Letzte Version vom 23. Mai 2017 von Netzgänger

Kaffee für den Blogger...

Ich konnte dir bei einem WordPress-Problem helfen? Ich würde mich über eine kleine Kaffee-Spende freuen. :)

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert