本文主要介绍了HTML5的地理定位的方法。该示例讲述了HTML5获取坐标的完整过程,并比较了不同浏览器的结果,给出了参考结果,需要朋友参考。





本文以HTML5为例获得地理定位方法,供大家参考,具体方法如下:

HTML5获得的坐标代码如下所示:


复制代码代码如下所示:


test1.html




-->


点击这个按钮获得你的坐标:
想去


var x = document.getelementbyid(演示);
函数getLocation(){
如果(导航定位){
navigator.geolocation.getcurrentposition(showposition);
其他{ }
x.innerhtml =浏览器不支持!!!;
}
}
功能showposition(位置){
x.innerhtml =纬度+位置坐标,纬度+经度:+ position.coords.longitude;
}





经过测试,该坐标可以成功收购在IE9、Firefox、Chrome和Opera,但Safari 5。x不能返回的坐标,但暂时没有找到它的一个原因。在成功的情况下,Chrome已经响应最快,其次是歌剧,那么IE9和Firefox最慢。个人说这是令人失望的火狐,Chrome是越来越好。

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