Dokumentation API v1

Rückwärtsgang

Angesichts der Lage (Breitengrad und Längengrad in mindestens 2 Dezimalstellen), empfangen Sie Provinz, Gemeinde, Stadt. Mit 4 Nachkommastellen werden auch die 6-stellige Postleitzahl und die Straße zurückgegeben.

Obligatorische Parameter

  • lat: Geben Sie die Breitenkomponente der Position an.
  • Geben Sie die Längengradkomponente des Standorts ein.

Ergebnisbeispiel

undefined/v1/reverse?auth_key=YOUR_AUTH_KEY&lat=51.5676&lng=5.0862

Diese Anwendung liefert das folgende Ergebnis:

{
  "status": "ok",
  "results": {
    "precision": 8,
    "province": "Noord-Brabant",
    "municipality": "Tilburg",
    "city": "Tilburg",
    "streets": ["Veldhovenring"],
    "nl_sixpp": "5041BC",
    "lat": 51.56764,
    "lng": 5.08622
  }
}

Ein Parameter fehlt.

Die reverse Methode wird in diesen gebrauchsfertigen Beispielen demonstriert:

Wir empfehlen Ihnen, Mustercode in Ihrer bevorzugten Sprache anzufordern. In der Zwischenzeit sollten Sie sich die Autovervollständigung ansehen, die bereits in vielen Sprachen demonstriert wurde.

Schritt-für-Schritt Beispiel in JavaScript

Schritt 1: Erstellen der HTML-Seite

Wir beginnen damit, eine leere HTML-Seite mit einer minimalen Webseitenstruktur zu erstellen.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Reverse tutorial</title>
  </head>
  <body></body>
</html>

Laden Sie unsere JavaScript-Bibliothek reverse.js herunter, mit der wir den Pro6PP-Webservice in diese Webseite integrieren können. Kopieren Sie es in den gleichen Ordner, in dem Sie die obige Webseite gespeichert haben.

Füge den folgenden Code zwischen den Tags <body> und </body> hinzu.

Es fügt die Eingabefelder für die Eingabe des Gegenteils hinzu.

<form action="#" class="reverse">
  Latitude: <input class="lat" /><br />
  Longitude: <input class="lng" /><br />
  <input type="submit" />
  <span class="message"></span><br />
  City: <input class="city" />
</form>

Schritt 2: Interaktion hinzufügen

Füge den folgenden Code zwischen den Tags <head> und <head> hinzu. Es schlägt mögliche Ortsnamen vor, während der Benutzer tippt.

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" />
<script src="https://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>
<script src="reverse.js"></script>
<script>
  var pro6pp_auth_key = 'YOUR AUTH_KEY';
  $(document).ready(function() {
    $('.reverse').applyReverseSubmit();
  });
</script>

Schritt 3: Lass es funktionieren

Um auf den Pro6PP-Webservice zuzugreifen, müssen Sie Ihren persönlichen Autorisierungsschlüssel anfordern. Dieser Schlüssel wird Ihnen unmittelbar nach der Anmeldung per E-Mail zugesandt.

Ersetzen Sie die obige temporäre Angabe YOUR AUTH_KEY durch Ihren persönlichen Autorisierungsschlüssel.

Schritt 4: Sehen Sie es in Aktion

Öffnen Sie reverse.html in Ihrem Browser. Es ist gebrauchsfertig!
Es funktioniert nicht? Versuchen Sie, den vorgefertigten Beispielcode von der Seite example code herunterzuladen.