欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

如何在网站上添加谷歌定位信息

程序员文章站 2023-12-02 23:22:46
如何在网站上添加谷歌定位信息?下面小编就为大家带来一篇在网站上添加谷歌定位信息的实现方法。希望对大家有所帮助。一起跟随小编过来看看吧... 16-04-16...

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

首先包括jquery库

javascript code复制内容到剪贴板
  1. <script type="text/javascript" src="jquery.js"></script>   
  2.   
  3. jquery(function() {   
  4.   
  5.   //call navigator object to get latitude and logtitute   
  6.   
  7.   if(navigator.geolocation) {   
  8.   
  9. //getting current latitude and longtitude   
  10.   
  11. navigator.geolocation.getcurrentposition(function(position) {   
  12.   
  13.   //get location details based on latitude and longtitude from google   
  14.   
  15.   var jsonurl = "https://maps.googleapis.com/maps/api/geocode/json?latlng="+position.coords.latitude+","+position.coords.longitude   
  16.   
  17.   jquery.getjson(jsonurl , function( data ) {   
  18.   
  19.      var results = data.results[0];   
  20.   
  21.               console.info(results); //check firebug   
  22.   
  23.      alert(results.address_components[5].long_name); //city   
  24.   
  25.      alert(results.address_components[6].long_name); //state   
  26.   
  27.      alert(results.address_components[7].long_name); //country   
  28.   
  29.   },   
  30.   
  31.   function(){   
  32.   
  33.      alert('failed to get location details...');   
  34.   
  35.   });   
  36.   
  37. return false;   
  38.   
  39.     
  40.   
  41.        });   
  42.   
  43.   }});  

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

原文地址: