如何获取用户的地理位置? && html5 地理位置
发布日期:2021-06-24 18:20:28 浏览次数:2 分类:技术文章

本文共 1377 字,大约阅读时间需要 4 分钟。

推荐网站 https://html5demos.com/geo/ 

 

 

    我们有时候可能希望首先获得用户的地理位置,然后根据不同的地理位置(更具针对性地)推送不同的信息等等。

  下面这段代码就可以在你有jQuery的条件下alert()你所在的区域:

$.getScript("http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js", function () {        var province = remote_ip_info["province"] + '省';        alert(province);});

  由于依赖的是jQuery,所以将$换成jQuery也可以达到相同的效果。

jQuery.getScript("http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js", function () {        var province = remote_ip_info["province"] + '省';        alert(province);     });

  我们可以看到调用了jQuery的一个方法,其中第一个参数是一个url,然后第二个参数时一个回调函数,这个回调函数中remote_ip_info["province"]即可得到用户所在的省份。

  既然province时remote_ip_info对象的其中一个属性,那么remote_ip_info一定还有其他的属性,我们通过下面的代码来观察remote_ip_info这个对象究竟是什么:

$.getScript("http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js", function () {          console.log(remote_ip_info);             });

  在我的控制台中可以得到下面的信息:

  即remote_ip_info对象中有city、country、desc 、disctrict、 isp、province、 ret、 start、 type等属性。 其中我们最为需要的恐怕是 中国-陕西-西安 了。

  那为什么是这样的结果呢? 我们将第一个参数(url)输入到浏览器的地址栏中,可以看到,得到如下的代码:

var remote_ip_info = {
"ret":1,"start":-1,"end":-1,"country":"\u4e2d\u56fd","province":"\u9655\u897f","city":"\u897f\u5b89","district":"","isp":"","type":"","desc":""};

   我们可以看到他就是定义了这样的一个对象,我们得到的就是对应格式的对象。

 

 

使用谷歌地图。

    
geolocation

Finding your location: checking...

  

转载地址:https://blog.csdn.net/weixin_34248258/article/details/86452643 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:web.xml配置文件中<async-supported>true</async-supported>报错的解决方案
下一篇:【7集iCore3基础视频】7-5 iTool2驱动安装

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年04月03日 11时15分30秒