如何在網站上新增Google定位資訊_html5教學技巧

我們可以輕鬆地使用HTML5導航物件來取得目前位置。請按照以下步驟來獲得城市/國家的細節。

首先包含jQuery庫

JavaScript Code複製內容到剪貼簿

1. <script><span class="string">"text/javascript"</script> src="jquery.js""jquery.js"
2. "jquery.js"
"jquery.js"
3. "jquery.js"   
4.   
5. jQuery(function() {   
6.   
7.   //call navigator object to get latitude and logtitute   
  
9.   if
(navigator.geolocation) {   
  
11. //getting current latitude and longtitude
  
  
13. navigator.geolocation.getCurrentPosition(function
(position) {   
  
15.   //get location details based on latitude and longtitude from Google   longtitude from Google   longtitude from Google   longtitude from 谷歌   
16.   
var
17.  jsonUrl = "https://maps.googleapis.com/maps/api/geo 🎜> position.coords.latitude ","
18. position.coords.longitude   
19.      jQuery.getJSON(jsonUrl , function
20. ( data ) {   ( data ) {   
21.   
     
22. var
 results = data.results[0];   
23.   
              console.info(results); 
24. //check fire.
  
25.      alert(results.address_components[5].long_name); //City
  
26. //City   
27.   
     alert(results.address_components[6].long_name); 
28. //State
  
29.   
30.   
31.      alert(results.address_components[7].long_name); //Country   
//Country
32.   
33.      },   
34.   
35.   
36. function(){   
37.         alert('Failed to get Location Details...');   
38. );   
39. );   
);   
40. );   
41. );   
42. );   
);   

  

  });       return false;                      });         }});  

以上這篇如何在網站上添加谷歌定位資訊就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

原文網址：http://www.cnblogs.com/mivi/archive/2016/04/16/5398183.html