Google Maps Developer Platform

Aus Social Media Manager
Zur Navigation springen Zur Suche springen

Für Entwickler welche für ihr Projekt gerne Location Based Services nutzen möchten, bietet Google eine weitläufige API sowie einige Frameworks an, welche bis zu einem gewissen Grad sogar kostenlos genutzt werden können.

Einleitung

Die Google Cloud Platform (GCP) ist ein Service, den der gleichnamige Hersteller anbietet. Er arbeitet mit derselben Infrastruktur, die etwa auch YouTube oder Google Search antreibt. Sinn der Google Cloud Platform ist es, eine Umgebung für Entwickler bereitzustellen, auf der sie sowohl einfache Webseiten als auch komplexe Applikationen erstellen können. Vergleichbar ist der Dienst mit Microsoft Azure oder Amazon Web Services. Über die GCP stehen so gut wie alle Funktionen von Google Maps für Entwickler bereit. Für kleinere Projekte ist dieses Angebot kostenlos. Bei reger Nutzung fallen jedoch Gebühren an.

SDKs

Das Google Maps SDK kann dazu genutzt werden, auf sehr einfachem Wege eine Karte in die eigne App einzubinden. Das SDK gibt es für iOS und Android und steht kostenlos zur Verfügung. Um das SDK nutzen zu können wird ein API Key benötigt, welcher in der Google Cloud Platform Console erstellt werden kann. Der Vorteil von SDKs ist, dass diese quasi schon ein Komplettpaket darstellen und nur noch mit ein parr wenigen Befehlen angesprochen werden können. Das erleichtert die Arbeit sehr und reduziert den Zeitaufwand.

Frameworks

Ebenso gibt es ein Google Maps JavaScript Framework welches dazu dient, Google Maps auf Websites einzubinden. Hierbei ist es wichtig, dass die JavaScript Bibliothek in den Quellcode eingebunden wird. Nun können verschiedene Einstellung in einem entsprechenden script-Tag festgelegt werden, welche dann mit samt der Karte in das div mit der ID "map" gerendert wird.

Beispiel:

<!DOCTYPE html>
<html>
  <head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0">
    <meta charset="utf-8">
    <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>
    <script>
      var map;
      function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: -34.397, lng: 150.644},
          zoom: 8
        });
      }
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
    async defer></script>
  </body>
</html>

APIs

Der Begriff API stammt aus dem englischen Sprachraum und ist die Kurzform von "Application-Programming-Interface". Frei ins Deutsche übersetzt bedeutet dies so viel wie „Schnittstelle zur Anwendungsprogrammierung“. So stellt Google verschiedene Endpunkte zur Verfügung welchen z.B. Daten wie Koordinaten übergeben kann, und im Anschluss die Adresse als Antwort erhält. Die Antwort liegt in der JavaScript Object Notation (JSON) vor, welches ein weit verbreitetes maschinenlesbares Format ist. Mit einem aktiven API Key würde uns folgender Link die passende Adresse zu den übergebenen Koordinaten liefern:

https://maps.googleapis.com/maps/api/geocode/json?address=50.937531,6.960279&key=YOUR_API_KEY