Maison >interface Web >Tutoriel H5 >Comment ajouter des informations de localisation Google à votre site Web

Comment ajouter des informations de localisation Google à votre site Web

巴扎黑
巴扎黑original
2017-05-21 16:38:232715parcourir

Comment ajouter des informations de localisation Google au site Web ? L'éditeur ci-dessous vous proposera une méthode de mise en œuvre pour ajouter des informations de positionnement Google au site Web. J'espère que cela aide tout le monde. Suivons l'éditeur et jetons un coup d'œil

Nous pouvons facilement utiliser des objets de navigation HTML5 pour obtenir l'emplacement actuel. Veuillez suivre les étapes ci-dessous pour obtenir des détails sur la ville/le pays.

Inclure d'abord la bibliothèque jQuery

Code JavaScriptCopier le contenu dans le presse-papiers

  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;   
           });   
      }});

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn