Comment ajouter des informations de localisation Google à votre site Web_html5 conseils du didacticiel

Nous pouvons facilement obtenir l'emplacement actuel à l'aide d'un objet de navigation HTML5. 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

2. jQuery(
3. fonction() {
5. //appeler l'objet navigateur pour obtenir la latitude et le logtitute
7. si(navigateur.géolocalisation) {
9. //obtenir la latitude et la longitude actuelles
10. navigator.geolocation.getCurrentPosition(
11. fonction(position) {
13. //obtenir des détails de localisation en fonction de la latitude et de la longitude auprès de Google
15. var jsonUrl = "https://maps.googleapis.com/maps/api/geocode/json?latlng=" position.coords.latitude "," position.coords.longitude
16. jQuery.getJSON(jsonUrl ,
17. fonction( données ) {
19. var résultats = data.results[0]
20. console.info(résultats);
21. //check firebug
22. alert(results.address_components[5].long_name);
23. //Ville
24. alert(results.address_components[6].long_name);
25. //État
26. alert(results.address_components[7].long_name);
27. //Pays
28. },
31. fonction(){
32. alert(
33. 'Échec de l'obtention des détails de localisation...' );
34. });
37. retour faux ;
40. });
42. }});

L'article ci-dessus sur la façon d'ajouter des informations de positionnement Google au site Web est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence et j'espère que vous soutiendrez Script Home.

Adresse originale : http://www.cnblogs.com/mivi/archive/2016/04/16/5398183.html