HTML5 ist die fünfte Version von HTML (Hypertext Markup Language), die 2014 vom W3C (World Wide Web Consortium) vorgestellt wurde
HTML5 erweitert HTML4 um Elemente zur Audio- und Video-Wiedergabe, zur Anzeige von Vektorgraphiken sowie Funktionen wie
Positionsermittelung, Drag and Drop, lokaler Speicher, Anwendungs-Cache, Web-Worker,
Server-Sent-Events und Möglichkeiten zur Anzeige dynamischer Grafiken und Karten
Bei der Positionsbestimmung (auch Ortsbestimmung, Standortbestimmung oder Lokalisierung) wird die aktuelle
geografische Position des Anwenders ermittelt
Die aktuelle Position auf dem Gradnetz der Erde kann mit Hilfe von GPS (Global Positioning System), Funksignalen, WLAN oder
IP-Adressen ermittelt werden
Mit der Eigenschaft „geolocation“ des „navigator“-Objekts wird ein Objekt zurückgegeben, mit dem die geografische Position des Anwenders
ermittelt werden kann
Die Methode „getCurrentPosition()“ des „geolocation“-Objekts wird verwendet, um die Positionsangaben des Anwenders zu ermitteln
Der Methode „getCurrentPosition()“ wird eine Callback-Funktion übergeben, die einen Parameter hat, der ein Objekt ist,
das wiederum das Objekt „coords“ enthält, welches die Eigenschaften „latitude“ (Breitengrad), „longitude“ (Längengrad),
„altitude“ (Höhe), „accuracy“ (Genauigkeit von Breiten- und Längengrad), „altitudeAccuracy“ (Genauigkeit der Höhe), „heading“
(Richtung) und „speed“ (Geschwindigkeit) hat
Google-Maps ist ein Online-Kartenservice des US-amerikanischen Unternehmens Google
Zur Verwendung von Google-Maps in eigenen Android- oder iOS-Apps gibt es sog. SDK‘s (Software Development Kits), das sind Programmierwerkzeuge und
Programm-bibliotheken, die in Entwicklungsumgebungen verwendet werden können
Zum Einbinden von Google-Maps in Webapplikationen und Webseiten gibt es verschiedene Programmierschnitt-stellen, kurz API (Application Programming Interface)
genannt
Jeder API-Aufruf ist kostenpflichtig, wobei Google aber ein 200 Dollar-Guthaben pro Nutzer und Monat bereitstellt
Für die Verwendung der Google-Maps-API‘s muss zunächst ein gültiger API-Schlüssel erstellt und die Google Maps Platform aktiviert werden
Eine statische Karten ist ein nicht veränderbares Abbild einer Karte, bei der der Google-Server eine Bilddatei des angeforderten Kartenausschnitts
zurückliefert, die mit einem Bild-Element dargestellt werden kann
Mit der Google-Maps-JavaScript-API können interaktive Karten in eine Webseite oder Webapplikation eingebunden werden
Die Google-Maps-JavaScript-API wird mit einem Script-Element eingebunden
Die Karte selbst kann dann mit einem Container-Element (div, section, etc.) dargestellt werden
Dem Link zum Einbinden der Google-Maps-JavaScript-API kann eine sog. Callback-Funktion übergeben werden, die dann automatisch, nach erfolgreichem Einbinden,
ausgeführt wird
Soll die Karte gleich die eigene Position anzeigen, kann der Code zum Erstellen und Anzeigen der Karate auch in der Callback-Funktion von
„getCurrentPosition()“ ausgeführt werden
