Heim > Web-Frontend > H5-Tutorial > So fügen Sie Google-Standortinformationen zu Ihrer Website hinzu_html5 Tutorial-Tipps

So fügen Sie Google-Standortinformationen zu Ihrer Website hinzu_html5 Tutorial-Tipps

WBOY
Freigeben: 2016-05-16 15:51:53
Original
1437 Leute haben es durchsucht

Mit dem HTML5-Navigationsobjekt können wir ganz einfach den aktuellen Standort ermitteln. Bitte befolgen Sie die nachstehenden Schritte, um Details zu Stadt/Land zu erhalten.

Fügen Sie zuerst die jQuery-Bibliothek ein

JavaScript-CodeInhalt in die Zwischenablage kopieren
  1. jQuery(Funktion() {
  2. //Navigatorobjekt aufrufen, um Breitengrad und Log-Titute zu erhalten
  3. if(navigator.geolocation) {
  4. //aktuellen Breiten- und Längengrad abrufen
  5. navigator.geolocation.getCurrentPosition(function(position) {
  6. //Standortdetails basierend auf Breiten- und Längengrad von Google abrufen
  7. var jsonUrl = "https://maps.googleapis.com/maps/api/geocode/json?latlng=" position.coords.latitude "," position.coords.longitude
  8. jQuery.getJSON(jsonUrl , function( data ) {
  9. var results = data.results[0]
  10. console.info(results); //check firebug
  11. Alert(results.address_components[5].long_name); //Stadt
  12. Alert(results.address_components[6].long_name); //Staat
  13. Alert(results.address_components[7].long_name); //Land
  14. },
  15. Funktion(){
  16. Warnung('Standortdetails konnten nicht abgerufen werden...');
  17. });
  18. return false;
  19. });
  20. }});
  21. Der obige Artikel zum Hinzufügen von Google-Positionierungsinformationen zur Website ist der gesamte vom Herausgeber geteilte Inhalt. Ich hoffe, er kann Ihnen eine Referenz geben und hoffe, dass Sie Script Home unterstützen.

    Ursprüngliche Adresse: http://www.cnblogs.com/mivi/archive/2016/04/16/5398183.html

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage