Maison > interface Web > Tutoriel H5 > le corps du texte

Comment ajouter des informations de localisation Google à votre site Web

巴扎黑
Libérer: 2017-05-21 16:38:23
original
2684 Les gens l'ont consulté

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;   
           });   
      }});
    Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal