{"id":535,"date":"2019-08-28T15:41:15","date_gmt":"2019-08-28T13:41:15","guid":{"rendered":"https:\/\/ekiwi.de\/?p=535"},"modified":"2019-08-28T15:41:15","modified_gmt":"2019-08-28T13:41:15","slug":"google-maps-in-eine-webseite-oder-wordpress-einbinden","status":"publish","type":"post","link":"https:\/\/ekiwi.de\/index.php\/535\/google-maps-in-eine-webseite-oder-wordpress-einbinden\/","title":{"rendered":"Google Maps in eine Webseite oder WordPress einbinden"},"content":{"rendered":"<p>Wer Publikumsverkehr hat, bindet gerne eine Anfahrtsbeschreibung in die Webseite ein. Eine einfache M\u00f6glichkeit eine Karte in eine Webseite einzubinden bietet Google Maps.<\/p>\n<p><!--more--><\/p>\n<p>Die Einbindung ist sehr leicht m\u00f6glich. Zuerst suchen f\u00fcr auf <a href=\"https:\/\/www.google.com\/maps\" target=\"_blank\" rel=\"noopener noreferrer\">maps.google.com<\/a> nach dem Kartenausschnitt, der Adresse oder nach der Firma zu der wir die Karte einbinden m\u00f6chten. <\/p>\n<p>Anschlie\u00dfend w\u00e4hlen wir den &#8222;Teilen&#8220; Link an.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2019\/08\/google_maps_1.jpg\" alt=\"\" width=\"898\" height=\"625\" class=\"aligncenter size-full wp-image-536\" srcset=\"\/wp-content\/uploads\/2019\/08\/google_maps_1.jpg 898w, \/wp-content\/uploads\/2019\/08\/google_maps_1-300x209.jpg 300w, \/wp-content\/uploads\/2019\/08\/google_maps_1-768x535.jpg 768w\" sizes=\"auto, (max-width: 898px) 100vw, 898px\" \/><\/p>\n<p>Es \u00f6ffnet sich ein Fenster. Die Karte wollen wir einbetten, daher w\u00e4hlen wir die Option &#8222;Karte einbetten&#8220; aus. Hier kann noch gezoomt werden, auch die Kartengr\u00f6\u00dfe l\u00e4sst sich festlegen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2019\/08\/google_maps_2.jpg\" alt=\"\" width=\"661\" height=\"631\" class=\"aligncenter size-full wp-image-537\" srcset=\"\/wp-content\/uploads\/2019\/08\/google_maps_2.jpg 661w, \/wp-content\/uploads\/2019\/08\/google_maps_2-300x286.jpg 300w\" sizes=\"auto, (max-width: 661px) 100vw, 661px\" \/><\/p>\n<p>Es wird ein IFrame-Code generiert, welcher nun einfach kopiert werden kann. Den Code f\u00fcgen wir nun in unsere Webseite ein.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2019\/08\/google_maps_2_1.png\" alt=\"\" width=\"850\" height=\"287\" class=\"aligncenter size-full wp-image-538\" srcset=\"\/wp-content\/uploads\/2019\/08\/google_maps_2_1.png 850w, \/wp-content\/uploads\/2019\/08\/google_maps_2_1-300x101.png 300w, \/wp-content\/uploads\/2019\/08\/google_maps_2_1-768x259.png 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/p>\n<p>Das Einf\u00fcgen funktioniert in normalen Webseiten, aber auch in WordPress. Dazu schalten wir einfach in die Quelltext-Ansicht im Editor von WordPress und f\u00fcgen den Code dort ein.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2019\/08\/google_maps_2_2.png\" alt=\"\" width=\"982\" height=\"688\" class=\"aligncenter size-full wp-image-539\" srcset=\"\/wp-content\/uploads\/2019\/08\/google_maps_2_2.png 982w, \/wp-content\/uploads\/2019\/08\/google_maps_2_2-300x210.png 300w, \/wp-content\/uploads\/2019\/08\/google_maps_2_2-768x538.png 768w\" sizes=\"auto, (max-width: 982px) 100vw, 982px\" \/><\/p>\n<p>Das Ergebnis f\u00fcr WordPress:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2019\/08\/google_maps_wordpress.jpg\" alt=\"\" width=\"350\" height=\"289\" class=\"aligncenter size-full wp-image-540\" srcset=\"\/wp-content\/uploads\/2019\/08\/google_maps_wordpress.jpg 350w, \/wp-content\/uploads\/2019\/08\/google_maps_wordpress-300x248.jpg 300w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/p>\n<p>Oder auch in einer normalen Webseite:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2019\/08\/google_maps_ergebnis.jpg\" alt=\"\" width=\"700\" height=\"483\" class=\"aligncenter size-full wp-image-541\" srcset=\"\/wp-content\/uploads\/2019\/08\/google_maps_ergebnis.jpg 700w, \/wp-content\/uploads\/2019\/08\/google_maps_ergebnis-300x207.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>","protected":false},"excerpt":{"rendered":"<p>Wer Publikumsverkehr hat, bindet gerne eine Anfahrtsbeschreibung in die Webseite ein. Eine einfache M\u00f6glichkeit eine Karte in eine Webseite einzubinden<\/p>\n","protected":false},"author":1,"featured_media":542,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[5,51],"tags":[104,4,52],"class_list":["post-535","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hmtl","category-wordpress","tag-google-maps","tag-html","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/535","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/comments?post=535"}],"version-history":[{"count":0,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/535\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media\/542"}],"wp:attachment":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media?parent=535"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/categories?post=535"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/tags?post=535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}