哈瑞养生

全部频道

您的当前位置：首页如何在网站上添加谷歌定位信息_html5教程技巧

如何在网站上添加谷歌定位信息_html5教程技巧

来源：哈瑞养生


我们可以很容易地使用HTML5导航对象获取当前位置。请按照以下步骤来获得城市/国家的细节。

首先包括jQuery库

JavaScript Code复制内容到剪贴板


    
 
  1.  
    2. 
 
  2.  
    3. 
 
  3. jQuery(function() { 
    4. 
 
  4.  
    5. 
 
  5.  //call navigator object to get latitude and logtitute 
    6. 
 
  6.  
    7. 
 
  7.  if(navigator.geolocation) { 
    8. 
 
  8.  
    9. 
 
  9. //getting current latitude and longtitude 
    10. 
 
  10.  
    11. 
 
  11. navigator.geolocation.getCurrentPosition(function(position) { 
    12. 
 
  12.  
    13. 
 
  13.  //get location details based on latitude and longtitude from Google 
    14. 
 
  14.  
    15. 
 
  15.  var jsonUrl = "https://maps.googleapis.com/maps/api/geocode/json?latlng="+position.coords.latitude+","+position.coords.longitude 
    16. 
 
  16.  
    17. 
 
  17.  jQuery.getJSON(jsonUrl , function( data ) { 
    18. 
 
  18.  
    19. 
 
  19.  var results = data.results[0]; 
    20. 
 
  20.  
    21. 
 
  21.  console.info(results); //check firebug 
    22. 
 
  22.  
    23. 
 
  23.  alert(results.address_components[5].long_name); //City 
    24. 
 
  24.  
    25. 
 
  25.  alert(results.address_components[6].long_name); //State 
    26. 
 
  26.  
    27. 
 
  27.  alert(results.address_components[7].long_name); //Country 
    28. 
 
  28.  
    29. 
 
  29.  }, 
    30. 
 
  30.  
    31. 
 
  31.  function(){ 
    32. 
 
  32.  
    33. 
 
  33.  alert('Failed to get Location Details...'); 
    34. 
 
  34.  
    35. 
 
  35.  }); 
    36. 
 
  36.  
    37. 
 
  37. return false; 
    38. 
 
  38.  
    39. 
 
  39.  
    40. 
 
  40.  
    41. 
 
  41.  }); 
    42. 
 
  42.  
    43. 
 
  43.  }}); 
    44. 





以上这篇如何在网站上添加谷歌定位信息就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。


原文地址：http://www.cnblogs.com/mivi/archive/2016/04/16/5398183.html
显示全文