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

So fügen Sie Ihrer Website Google-Standortinformationen hinzu

巴扎黑
Freigeben: 2017-05-21 16:38:23
Original
2709 Leute haben es durchsucht

Wie füge ich Google-Standortinformationen zur Website hinzu? Der folgende Editor zeigt Ihnen eine Implementierungsmethode zum Hinzufügen von Google-Positionierungsinformationen zur Website. Ich hoffe, es hilft allen. Folgen wir dem Editor und werfen wir einen Blick darauf

Wir können problemlos HTML5-Navigationsobjekte verwenden, um den aktuellen Standort abzurufen. Bitte befolgen Sie die nachstehenden Schritte, um Details zu Stadt/Land zu erhalten.

Zuerst die jQuery-Bibliothek einbinden

JavaScript-CodeInhalt in die Zwischenablage kopieren

  1. <script type="text/javascript" src="jquery.js"></script>   
    jQuery(function() {   
      //call navigator object to get latitude and logtitute 
      if(navigator.geolocation) {   
    //getting current latitude and longtitude 
    navigator.geolocation.getCurrentPosition(function(position) {   
      //get location details based on latitude and longtitude from Google 
      var jsonUrl = "https://maps.googleapis.com/maps/api/geocode/json?latlng="+position.coords.latitude+","+position.coords.longitude   
      jQuery.getJSON(jsonUrl , function( data ) {   
         var results = data.results[0];   
                  console.info(results); //check firebug 
         alert(results.address_components[5].long_name); //City 
         alert(results.address_components[6].long_name); //State 
         alert(results.address_components[7].long_name); //Country 
      },   
      function(){   
         alert(&#39;Failed to get Location Details...&#39;);   
      });   
    return false;   
           });   
      }});
    Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo fügen Sie Ihrer Website Google-Standortinformationen hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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