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的八类input输入

如何从javascript到typescript？

HTML5超链接字体如何改颜色

url完整结构以及同源跨域处理的介绍

总结HTML5表单(二) input type 各种输入, 各种用户选择,上传

深入解析HTML5 内联框架--iframe

h5的语义化标签新特性应该如何使用

h5的拖放功能详解

HTML5的新特性有哪些？HTML5新特性的总结

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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