原生html5定位,HTML5地理定位实例

HTML5地理定位实例

2017-03-06

html5 获取坐标代码如下：代码如下:

test1.html

点击这个按钮，获得您的坐标：

试一下

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+"
Longitude: "+position.coords.longitude;

}

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

免责声明：本文仅代表文章作者的个人观点，与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺，请读者仅作参考，并自行核实相关内容。