html5获取地理位置和定位,HTML5定位

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

　　html5获取坐标代码如下：

　　复制代码代码如下：声明文档类型

　　超文本标记语言

　　头

　　titletest1.html/title

　　meta http-equiv= keywords content= keyword 1，keyword2，keyword3

　　meta http-equiv= description content=这是我的页面

　　meta http-equiv= content-type content= text/html；charset=UTF-8

　　！-link rel=样式表 type= text/CSS href= ./styles.css -

　　/头

　　身体

　　div id=demo 点击这个按钮，获得您的坐标：/div

　　button onclick=getLocation()试一下/按钮

　　脚本类型=文本/javascript

　　var x=文档。getelementbyid( demo )；

　　函数getLocation(){

　　if(navigator.geolocation){

　　领航员。地理定位。getcurrentposition(显示位置)；

　　}否则{

　　x.innerHTML=浏览器不支持！；

　　}

　　}

　　函数显示位置（位置){

　　十。innerhtml= Latitude:位置。坐标。纬度 br/经度：位置。坐标。经度；

　　}

　　/脚本

　　/body

　　/html

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

　　希望本文所述对大家的HTML5程序设计有所帮助。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。