Ermitteln des Standorts mithilfe der Google AJAX-API (JavaScript)

Es gibt Zeiten, in denen man herausfinden muss, aus welchem Teil der Welt ein bestimmter Besucher kommt. Es gibt viele Anbieter für die Suche nach IP-Adressen, die diesen Service zu angemessenen Kosten anbieten (je nachdem, wie viele Details Sie benötigen).

Das AJAX Maps API von Google bietet diese Suchfunktion für Sie kostenlos (solange Ihre Anforderungen nicht kommerziell sind). Sie können sogar die von der API zurückgegebenen Breiten- und Längeninformationen verwenden, um den Standort des Benutzers in einer Google Map zu zeichnen. Schick eh? Sehen wir uns nun ein einfaches Beispiel an: Wir ermitteln den Standort des Benutzers anhand seiner IP-Adresse und rendern ihn auf einer Karte.

Bevor wir beginnen, sollten Sie sich die Demo ansehen.

Sie müssen zunächst einen AJAX-Such-API-Schlüssel erwerben (es ist kostenlos, melden Sie sich einfach mit Ihrem Domain-Namen an und Sie erhalten einen eindeutigen Schlüssel, der für alle in Ihrer Domain gehosteten Seiten gilt). Wenn Sie das fertig haben, starten Sie Ihren Lieblingseditor. Wir benötigen keinen serverseitigen Code, um die Google Maps API verwenden zu können. Daher reicht ein einfaches HTML-Dokument aus.

Lassen Sie uns zuerst die Haken setzen. auf der Seite, wo die Karte und eine Beschriftung angezeigt werden.

Die Google AJAX-API besteht aus einer Sammlung einzelner APIs. Mit einem google.load ("maps", "2", {callback: initialize});

Die obige Ladefunktion nimmt den API-Namen, seine Version und eine optionale Rückruffunktion (die nach dem Laden der Maps-API aufgerufen wird) als Parameter an. In der Funktion init () definieren wir zunächst einen Standardstandort, der auf der Karte angezeigt werden soll, falls die Google Maps API die IP-Adresse des Besuchers nicht decodieren kann. Da die Maps-API im Wesentlichen die IP-Adresse des Benutzers einem Standort zuordnet, kann es vorkommen, dass diese Zuordnung nicht möglich ist und daher ein Standardwert erforderlich ist.

      Var Zoom = 4; var latlng = new google.maps.LatLng (50, -10); var location = "Standardstandort für Karte anzeigen.";      Als Nächstes prüfen wir, ob der Clientstandort vom API-Ladeprogramm ausgefüllt wurde. Wenn es richtig gefüllt ist, hat das google.loader.ClientLocation-Objekt die folgenden Eigenschaften:
  ClientLocation.latitude
 ClientLocation.longitude
 ClientLocation.address.city
 ClientLocation.address.country
 ClientLocation.address.country_code
 ClientLocation.address.region
 
 Mithilfe dieser Informationen können Sie problemlos eine Karte laden, die sich am Standort des Benutzers befindet.
      document.getElementById ("location"). innerHTML = location; // Speicherort als Textbeschriftung var map = new google.maps.Map2 (document.getElementById ('map')); map.setCenter (latlng, zoom); map.addControl (new GLargeMapControl ()); map.addControl (new GMapTypeControl ());      Das ist es, sehen Sie es in Aktion. Wie bereits oben erwähnt, sind die von dieser API zurückgegebenen Clientstandortinformationen nicht perfekt, da die IP-Zuordnung oft schwierig sein kann und zu falschen oder teilweise genauen Informationen führen kann. Sie sollten eine unternehmensgerechte Lösung für den ernsthaften Einsatz in Betracht ziehen, aber ich hoffe, dass diese API für Ihre persönlichen Bedürfnisse hilfreich ist!