HTML5怎么实现地理定位-创新互联

这篇文章主要介绍“HTML5怎么实现地理定位”，在日常操作中，相信很多人在HTML5怎么实现地理定位问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”HTML5怎么实现地理定位”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

创新互联建站长期为上千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为宁明企业提供专业的成都网站建设、网站设计，宁明网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。

本文实例讲述了html5获取地理定位的方法，分享给大家供大家参考。具体方法如下：

html5 获取坐标代码如下：

代码如下:

<!DOCTYPE HTML>
<html>
<head>
<title>test1.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

</head>
<body>
<div id="demo">点击这个按钮，获得您的坐标：</div>
<button onclick="getLocation()">试一下</button>
<script type="text/javascript">

var x=document.getElementById("demo");
function getLocation(){
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition);
}else{
x.innerHTML="浏览器不支持！！！";
}
}
function showPosition(position){
x.innerHTML="Latitude: "+position.coords.latitude+"<br/>Longitude: "+position.coords.longitude;
}
</script>

</body>
</html>

经测试，在IE9 、firefox、chrome、opera上都可以成功获取到坐标位置，但是safari 5.x上却不能返回坐标，暂时木有找到原因。成功的案例里头，chrome响应的速度最快，其次是opera，然后是IE9，firefox居然是最慢的。个人表示对firefox很失望，不过chrome倒是越来棒了。

到此，关于“HTML5怎么实现地理定位”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！

分享名称：HTML5怎么实现地理定位-创新互联
网页路径：https://www.cdcxhl.com/article38/dcogpp.html

成都网站建设公司_创新互联，为您提供电子商务、网站设计、App设计、网站内链、定制开发、定制网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容