数码资讯
HTML5地理位置示例
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文主要介绍了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程序设计有所帮助。
本文以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程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。