html5经纬度定位 源码_基于浏览器的HTML5地理定位

地理位置(Geolocation)是 HTML5 的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理和一个基于浏览器的HTML5地理定位的小demo，获取浏览器经纬度，并用腾讯地图(大家可以选择自己喜欢的地图)显示出来，实现的最终效果如下图所示：

一、检测浏览器是否支持：

if (navigator.geolocation) {

//console.log("浏览器支持!");

}

else {

// console.log("浏览器不支持!");

}

二、navigator.geolocation用于获取基于浏览器的当前用户地理位置，提供了3个方法:

void getCurrentPosition(onSuccess,onError,options);

//获取用户当前位置

int watchCurrentPosition(onSuccess,onError,options);

//持续获取当前用户位置

void clearWatch(watchId);

//watchId 为watchCurrentPosition返回的值

//取消监控

参数详细说明见下表：

参数

功能

返回参数

是否必选

onSuccess

方法成功时候的回调，返回position对象，通过这个对象可以获取地理位置的相关信息

<