Wie Geolokalisierung mit Google Maps zu kombinieren, wenn sie mit javascript Coding

Einer der häufigsten Dinge, die javascript-Programmierer müssen mit Geolokationsdaten zu tun ist, eine Position auf einer Karte anzuzeigen. Um dies zu tun, müssen Sie zuerst die geografische Breite und Länge zu erhalten. Du hast das jetzt. Aber wie zeichnen Sie die Karte und herauszufinden, wo auf der Karte, die Breite und Länge sind? Das, so scheint es, ist die gewaltige Aufgabe.

Glücklicherweise gibt es Menschen, die dies getan haben, bevor und die haben eine API für die Interaktion mit ihren Mapping-Software erstellt. Am bekanntesten ist, macht Google ihre Mapping-Software für jeden über die Google Maps API kostenlos zur Verfügung (auch für kommerzielle Zwecke, in den meisten Fällen).

Um die Google Maps-API zu verwenden, gehen Sie folgendermaßen vor:

1. Gehen Sie auf die Google APIs-Konsole anhttps://code.google.com/apis/Konsoleund melden Sie sich mit Ihrem Google-Konto.

2. Nachdem Sie sich angemeldet haben, können Sie mit den Bedingungen von Nutzungs- wenn ja zustimmen gefragt werden, klicken Sie auf Akzeptieren.

3. Klicken Sie auf die Schaltfläche mit der Bezeichnung eine API aktivieren.

   Der Bildschirm zeigt nun eine Liste von APIs und einer Browse-APIs Suchfeld ein.

4. Im Suchfeld Durchsuchen APIs, geben Sie Google Maps javascript API v3.

   Der Link für diese API erscheint.

5. Klicken Sie auf die Schaltfläche, die unter dem Status Überschrift sagt OFF.

   Mit diesem Schritt wird die API-ON.

   Nachdem Sie die Google Maps javascript-API aktivieren, erscheint ein grünes auf das API nächsten.

   
   Aktivieren der Google Maps API.

6. Klicken Sie auf die Anmeldeinformationen auf der linken Navigationsleiste verbinden.

   Sie sehen die API Access.

7. Klicken Sie auf den Link Create New Key bezeichnet.

   Das Erstellen eines neuen Key Dialogfeld erscheint.

8. Klicken Sie auf Browser-Taste im Create New Key Dialogfeld.

   In einem Dialogfeld ein Texteingabefeld enthält Akzeptieren markierte Anfragen aus diesen HTTP-Referrer öffnet.

9. Lassen Sie das Eingabefeld übernehmen markierte Anfragen von diesen HTTP-Referrer leer und klicken Sie auf Erstellen.

   Das Dialogfeld wird geschlossen, und Ihre API-Schlüssel erstellt werden.

   In der öffentlichen API-Zugriff Abschnitt finden Sie nun eine lange Reihe von Buchstaben und Zahlen in einem Feld mit der Bezeichnung Schlüssel für Browser-Anwendungen. Das ist Ihre API-Schlüssel.

Der API-Schlüssel ist alles, was Sie Zugang zu allen großen Funktionalität der Google Maps API gewinnen müssen.

Nun, da Sie Zugriff auf die API von Google Maps javascript haben, ist es Zeit, es auszuprobieren. Die Web-Seite in diesem Beispiel wird der Standort des Computers die Verwendung von navigator.geolocation Objekt und übergibt sie dann an Google Maps eine Karte zu bekommen.

Damit dieses Skript korrekt zu funktionieren, müssen Sie den Text YOUR_API_KEY mit der API-Schlüssel zu ersetzen, die Sie von Google erhalten.

Schauen Sie sich die Ergebnisse dieser Code in einem Browser ausgeführt wird.