hagmag's Project

 

 

 

 

 

 html5 test Template

Tel: 123 333 4444 | Mail: email@website.com




Headline: Portfolio Page - Google Map JavaScript API v3 Projekte



Update zur Google Platform: Vor einiger Zeit hat Google wichtige Änderungen zur Nutzung der Karten-Dienste veröffentlicht. Ab dem 11.06.2018 kann Google Maps nur noch mit einem gültigen API Key genutzt werden. Zusätzlich müssen auch Zahlungsinformationen (Kreditkarte) hinterlegt werden. Das habe ich nicht getan » aus diesem Grund wird beim Aufruf der Karten eine Meldung angezeigt "Google Maps kann auf dieser Seite nicht richtig geladen werden" » diese Meldung einfach mit "OK" bestätigen. danach wird die Karte in geringerer Auflösung und mit Wasserzeichen "For development purposes only" angezeigt ! Die eingebauten Funktionen bleiben aber (vorerst) erhalten !!!

Cala Millor Karte erstellt mit Google Map JavaScript API

» Eine Karte von Google Maps generieren lassen und auf     der eigenen Website einzubinden, ist kinderleicht. Eine Google Map jedoch nach eigenen Ansprüchen mit Hilfe der Google-Maps-API zu erstellen, ist weitaus eleganter und ermöglicht die Verwendung zusätzlicher Features.

Was benötigt wird:

  • Einen Account bei Google
  • Einen Google Maps API Key
  • Zahlungsinformation (Kreditkarte) muss angegeben werden
  • Um eine Google Map von einem bestimmten Gebiet (beispielsweise Ihres Wohnortes) zu erstellen, müssen Sie noch dessen geografischen Koordinaten bestimmen. Eine Möglichkeit, dies zu tun, finden Sie beispielsweise in der untenstehenden "Lokalisierungs-Map".  Die dort angezeigten Werte speichern Sie sich ab. Dieser Punkt wird dann der Mittelpunkt Ihrer neuenGoogle Map.

» Eine komplette Anleitung der Erstellung dieser Map können Sie auf  folgendem Link einsehen.

View More Information »

Lokalisierungs-Map (Geotagging)

 » Unter dem Vorgang der Georeferenzierung, Geokodierung, Geotagging oder Verortung versteht man die Zuweisung raumbezogener Informationen, der Georeferenz, zu einem Datensatz. (Quelle:wikipedia)

  • Die hier verwendete Art der Geofeferenzierung ist :
  • die Zuweisung einer Koordinate (Geokodierung, Geocoding, Geotagging, Geo-Imaging)
  • Suchen Sie auf der sich öffnenden Website Ihr gewünschtes Gebiet aus und klicken auf einen Punkt, der in Ihrer neuen Google Map der Mittelpunkt sein soll. Oberhalb werden dann dort die Werte für Latitude (Breitengrad) und Longitude (Längengrad) angezeigt

View More Information »

Routenplaner mit Strecken-Simulation u. Street View

 

Achtung !!! Nach dem Öffnen der "Lightbox" bekommt man nur eine leere Seite angezeigt. Um den vollen Funktionsumfang zu bekommen muss dann auf den Link "Full Page Route Map" geklickt werden.

 

» Dieses Routenplaner Beispiel zeigt was mit Hilfe der API noch möglich ist. Die Karte ist natürlich noch weiter "Ausbaubar" (z.B. mit Höhenprofilen usw.)

  • Routenplaner
  • StreetView Anzeige
  • Simuliertes "Abfahren" der Strecke möglich

» Es gibt unzählige Code Samples für Events, Controls, Drawing on the Map, Layers usw. im Developer's Guide und der Google Maps JavaScript API documentation. Außerdem gibt es noch eine grosse Demo Gallery für die Ideengebung.

View More Information »


From The Blog

I'm Antisocial!

Latest Work