HTML5地理定位实例
本文实例讲述了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">
!--link rel="stylesheet" type="text/css" href="./styles.css">
-->
/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程序设计有所帮助。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: HTML5地理定位实例
本文地址: https://pptw.com/jishu/585430.html