html网页定位

最新推荐文章于 2023-07-24 16:48:57 发布

荒年-yang

最新推荐文章于 2023-07-24 16:48:57 发布

阅读量426

点赞数

分类专栏： html 定位文章标签： html 定位

本文链接：https://blog.csdn.net/u012424449/article/details/54095248

版权

html 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

定位

1 篇文章 0 订阅

订阅专栏

网页地理定位有两种：
1.对于拥有 GPS 的设备，比如 iPhone，HTML5 Geolocation API 可以获得用户的地理位置，Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。。
2.对于未拥有GPS的设备，比如PC，就可以使用IP定位。

第一种：对于拥有 GPS 的设备

<script>
var x=document.getElementById("demo");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
  alert("Latitude: " + position.coords.latitude +
  "<br />Longitude: " + position.coords.longitude);
  }
</script>

第二种：对于未拥有 GPS 的设备
1.引用新浪IP地址库

2.返回如下JSON字符串，remote_ip为默认变量，可以直接使用
var remote_ip_info = {“ret”:1,”start”:-1,”end”:-1,”country”:”\u4e2d\u56fd”,”province”:”\u6d59\u6c5f”,”city”:”\u676d\u5dde”,”district”:”“,”isp”:”“,”type”:”“,”desc”:”“};

3.可以通过如下获取城市名
var mycity = remote_ip_info[‘city’]