HTML5 地理定位

PHP中文网 JavaScript

本文摘自PHP中文网，作者(*-*)浩，侵删。

HTML5 地理定位

定位用户的位置 ( 推荐学习：html教程 )

HTML5 Geolocation API 用于获得用户的地理位置。

鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。

浏览器支持

Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。

注释：对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。

HTML5 - 使用地理定位

请使用 getCurrentPosition() 方法来获得用户的位置。

下例是一个简单的地理定位实例，可返回用户位置的经度和纬度。

实例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<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)

  {

  x.innerHTML="Latitude: " + position.coords.latitude +

  "<br />Longitude: " + position.coords.longitude;

  }

</script>

例子解释：

检测是否支持地理定位

如果支持，则运行 getCurrentPosition() 方法。如果不支持，则向用户显示一段消息。

如果getCurrentPosition()运行成功，则向参数showPosition中规定的函数返回一个coordinates对象

showPosition() 函数获得并显示经度和纬度

上面的例子是一个非常基础的地理定位脚本，不含错误处理。

以上就是HTML5 地理定位的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

具体介绍HTML5表单新增属性

HTML5本地数据库实例详解

HTML5 touch事件实现触屏页面上下滑动

详解HTML5 表单属性

HTML5中video标签无法播放mp4问题的解决办法

HTML5中messageevent以及sse的规范

HTML5-offline apis的简单介绍

HTML5调用百度地图api获取当前位置并直接导航目的地的方法

h5的块级标签汇总

图文详解如何用HTML5 canvas画一条直线

更多相关阅读请进入《HTML5》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...