Google Maps und Google Streetview für Ihre Homepage

Goolge Maps erzeugt lokale Landkarten und Satellitenfotos. Google Streetview erreichen Sie ebenfalls über den Dienst Google Maps, indem Sie dass gelbe Männchen auf einen Punkt in der Karte ziehen. Sie können dabei auch einen beliebigen Standort festlegen und auf Ihrer Homepage anzeigen...

Hier habe ich mal einen Link erstellt, der über Google Maps ein Satellitenfoto meines Heimatortes zeigt:

maps.google.com/maps?ll=53.289722,7.887778&spn=0.027198,0.070287&t=k&hl=en

Ganz eindeutig zu erkennen ist die Baggerkuhle, die etwa 500 m von unserem Wohnhaus entfernt ist.

Auch die vieldiskutierten Google-Streetview-Ansichten lassen sich in die eigene Homepage einbauen. Hier die Google-Streetview-Ansicht des Sitzes des Deutschen Bundestages, das Reichstagsgebäude in Berlin als Link:

Berliner Reichstag auf Google Streetview - hier klicken!

Oder als iFrame:


Größere Kartenansicht

Wie können Sie sich nun selbst einen solchen Link / iFrame erstellen? Hier die Anleitung:

1. Google Maps aufrufen: maps.google.com

2. In dem Suchfeld einfach die gewünschte Adresse eingeben.

3. Nun verändern Sie die Auflösung, ob als Karte oder Satellitenbild bzw. Streetview (für Streetview das gelbe Männchen auf die Karte ziehen). Wenn Sie die gewünschte Einstellung haben, suchen Sie nach einem Zahnrad-Symbol. Klicken Sie dieses an - nun erhalten Sie entweder einen Link oder können über Embed Map einen iFrame mit der gewünschten Karte bekommen.

Es gibt auch ein spezielle Webseite von Google rund um die Einbindung von Google Maps auf dritten Webseiten: developers.google.com/maps/documentation/embed

Eine weitere Möglichkeit ist die Erstellung über einen Dienstleister wie www.webmart.de - hier bekommen Sie eine Karte/einen Stadplan auf Basis von Google Maps inkl. Wegbeschreibung, der Möglichkeit verschiedene Punkte auf einer Karte zu markieren (z.B. die Sehenswürdigkeiten einer Stadt als Reiseanleitung inkl. Fotos und Beschreibungen der einzelnen Sehenswürdigkeiten), verschiedenfarbige Pins, Auswahlmöglichkeit des Maßstabs und der Ansicht (Karte- oder Satellitenansicht).

Ein weiterer Dienstleister für eine individuelle Google-Maps-Karte für die eigene Homepage finden Sie hier: www.exika.de/maps

Wenn Sie eine Google Maps Karte als responsive Karte auf Ihrer Webseite einbinden wollen, so finden Sie hier eine genaue Beschreibung, wie es geht: blog.kulturbanause.de/2012/10/google-maps-im-responsive-webdesign. Wir haben die Lösung auf einer Kundenwebseite in der Praxis getestet und die dort eingebaute responsive Google Maps Karte funktioniert einwandfrei: www.eichenhof-dierks.de/eichenhof_dierks_anreise_zu_uns.php

Diese Webseite weiterempfehlen:


Weitere interessante Rubriken / Webseiten zu diesem Themenbereich:

  • Geo-Tag - räumliche Orientierung für Ihre Webseite
  • Landkarten - eine individuelle Landkarte für Ihre Homepage
  • Routenplaner - ein Routenplaner für Ihre Homepage
  • Wetter - das Wetter aus Ihrer Region auf Ihrer Homepage


Kommentare (0)

Name
E-Mail (Wird nicht online angezeigt)
Homepage
Titel
Kommentar
Tragen Sie deshalb bitte den Text, den Sie in dem Bild sehen, in das nebenstehende Textfeld ein.
»

Webhosting inkl. Homepagebaukasten!


Hier die 10 neuesten Homepage-News für Webmaster aus unserer Redaktion:


Bildschirmdarstellung von Webseiten online testen - Top Tool!
quirktools.com/screenfly - fantastisches Tool zum Testen von responsiven Webseiten auf sehr vielen Ausgabegeräten. Sie können die gängigen PC-Monitore, Tablets, Smartphones etc. nach Größe bzw. Marke/Hersteller auswählen und schwupps wird die eingegebene URL so angezeigt, wie sie z.B. auf dem iPhone 3 aussehen würde. Mit einem Klick lässt sich der Test von Hoch- auf Querformat ändern, zudem kann auch eine individuelle Bildschirmgröße eingestellt werden. Da es heute eine unglaubliche Vielzahl an Geräten und Bildschirmgrößen gibt, ist das Screenfly-Tool wirklich ein sehr gutes und quasi unverzichtbares Werkzeug, um die Darstellung von responsiven Webseiten zu überprüfen. Top-Tool für jeden Webdesigner!
Gepostet am 20.01.2016 von meine-erste-homepage.com
Socicon Generator
Social Icon Generator - unter der URL http://www.socicon.com/generator.php finden Sie einen sehr guten Socicon-Generator. Der Generator erstellt individuell anpassbare Social-Icons für unglaublich viele soziale Netzwerke als .png-Dateien. Die Größe, die Iconfarbe, der Hintergrund und die Form können beliebig angepasst werden. Sie können somit ganz einfach farblich passende Social-Media-Icons zu Ihrer individuellen Webseitenfarbe erstellen.

Hier ein Beispiel mit eckigen Social-Media-Icons mit unserer Linkfarbe #2175bc auf schwarzem Hintergrund:

Twitter Facebook Google_Plus Pinterest

Und hier ein weiteres Beispiel mit runden Social-Media-Icons mit gelbem Hintergrund:

Twitter Facebook Google_Plus Pinterest

Und zum Schluß unser Blauton als Hintergrund, mit weiße Icons, dabei eckige Grundform mit abgerundeten Ecken:

Twitter Facebook Google_Plus Pinterest

Wir finden ein echt fantastisches Tool!
Gepostet am 12.01.2016 von meine-erste-homepage.com
Bildgigant- Online-Bilddienstleister
www.bildgigant.de - Eigenbeschreibung des Anbieters: Machen Sie Ihre Kreativprojekte interessanter mit einem lizenzfreien Bild aus unserem Shop. Unsere Bilder können zum Beispiel als Hintergrund oder Titelbild für Ihre Webseite, Ihr Produkt, Ihren neuen Flyer, eine Präsentation oder eine nette Grußkarte verwendet werden. Unser Sortiment wird in unterschiedlichen Auflösungen angeboten und eignet sich zur Anwendung im gesamten Digital- und Printbereich. Verkaufen Sie jetzt Ihre Bilder auf Bildgigant und Sie bekommen 50% des Erlöses. Wir kategorisieren und keyworden Ihre Bilder kostenlos!
Gepostet am 12.01.2016 von meine-erste-homepage.com
Juannas bunte Smilie-Sammlung
www.juanna.ch/smilies/index.htm - Juannas bunte Smilie-Sammlung
Gepostet am 12.01.2016 von meine-erste-homepage.com
WebSite X5 jetzt in der Version 12 erhältlich
Incomedia hat die Version 12 seiner bekannten Webdesign-Software "WebSite X5" veröffentlicht.
Zu den umfangreichen Neuerungen gehören folgende Features:

- Neue Versionen: Professional 12 (199,99€), Evolution 12 (69,99€) und Home 12 (19,99€)
- Responsive Webdesign für bis zu 1.000 Templates
- Für eine optimale responsive Darstellung können Breakpoints definiert werden
- Prüfen von Produktverfügbarkeiten im WebSite X5 Control Panel (auch über mobile Geräte)
- Neues Datenschutz- und Sicherheitszentrum (Für Cookies und reCaptcha)
- Automatische Anpassung der Webseitensprache

Weitere Informationen im Web unter
http://www.websitex5.com/de/
Gepostet am 06.01.2016 von meine-erste-homepage.com
Blogplaner zum Ausdrucken oder als fertig gedruckte Version
Bei einem Online-Blog gibt es allerhand zu tun: Es müssen regelmäßig Posts abgesetzt werden, Updates müssen gemacht werden, bestimmte Themen je nach Blog jahreszeitlich angegangen werden, es gibt Ausgaben und Einnahmen und vieles mehr.

Für diese organisatorischen Dinge gibt es hier einen Blogplaner: http://kreavida.de/blogplaner-2016-zum-kostenlosen-download/. Den Blogplaner für 2016 können Sie als gedruckte Version direkt auf der Webseite bestellen.
Gepostet am 06.01.2016 von meine-erste-homepage.com
Haben Sie ein Interesse an einer obdachlosen Zeitung?
Einen sehr interessanten Bericht zum Thema Homepages und soziale Netzwerke findet sich in der Welt Digital: http://hd.welt.de/Kultur-edition/article150328869/Haben-Sie-Interesse-an-einer-obdachlosen-Zeitung.html
Gepostet am 06.01.2016 von meine-erste-homepage.com
Frohes Neues Jahr!
Gepostet am 01.01.2016 von meine-erste-homepage.com
Silvestergruss
Gepostet am 31.12.2015 von meine-erste-homepage.com
Frohe Weihnachten
Gepostet am 24.12.2015 von meine-erste-homepage.com

Mehr News in unserer Rubrik Aktuelle News für Webmaster!

03 GIF-Banner


Hier die neuesten Postings aus unserem Homepage-Forum:

Unser großes Homepage-Forum ist bei all-inkl.com gehostet:

ALL-INKL.COM - Webhosting Server Hosting Domain Provider


Feedback und Informationen zu meine-erste-homepage.com:

meine-erste-homepage.com ist bei 1&1 Webhosting gehostet.

1&1 MyWebseite jetzt 30 Tage kostenlos testen