hagmag's Project

 

 

 

 

 

 html5 test Template

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




Headline: Portfolio Page - Google Map JavaScript API v3 Projekte

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 (ab API v3 nicht mehr benötigt)
  • 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 »

Route-Map mit integrierter Ausgabe der Koordinaten

  •  Adressen Eingabe (Bsp.: Musterstrasse 1, 999999 Musterstadt)

  • Koordinaten der eingegebenen Adressen werdn bei "click" angezeigt [Latitude (Breitengrad) und Longitude (Längengrad)]

  • Route von "Startpunkt" zu "Endpunkt" wird berechnet und ausgegeben

» Beim Geotagging wird ein raumbezogener Datensatz (z. B. ein Bild, eine Webseite, ein Artikel) mit einer Koordinate versehen. Die Koordinate wird als Tag, Attribut bzw. Metainformation beigefügt. Sie ermöglicht die räumliche Einordnung der Information. Die Daten lassen sich so zum Beispiel in einer digitalen Karte (wie z. B. Google Earth) an der richtigen Stelle platzieren. (Quelle:wikipedia)

View More Information »




Routenplaner mit Strecken-Simulation u. Street View

» 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 »

Karte um Höhenprofile anzuzeigen - dynamische Streckenänderung

» Du kannst überall neue Marker setzen (links Klick auf Map) oder du ziehst den Marker per drag and drop. Wenn du die Maus über der Höhenprofil-Grafik bewegst, bekommst du im blauen Bereich die Höhe an dieser Stelle angezeigt und in der Map einen grünen Marker mit der Position auf der Strecke.

  • Höhenprofile
  • Strecken vorgeben
  • Dynamische Änderung der Strecke durch "draggable Points"

» 4 Beispielprofile kannst du sehen, wenn du oben die Links anklickst. Beachte : Im Moment sind noch wenig Fahrradwege in Google Map verfügbar !Du kannst Punkte hinzufügen oder gib eine Adresse ins Adressfeld ein. Du kannst Zoomen und den Style der Karte ändern usw.

Die Karte für dynamische Strecken Optimierung ist auf dem "Elevation-Service" aufgebaut, es gibt unzählige Code Samples  im Developer's Guide ....

View More Information »


From The Blog

I'm Antisocial!

Latest Work