基于 html5 geolocation来获取经纬度地址(copy)

geolocation来获取经纬度地址

以前如果要获取互联网用户所在地都是根据用户的IP地址来获取地理位置,这样获取到的数据和真实数据有很大的偏差。为了获取更加精确的位置,可以使用了html5的geolocation来获取经纬度,然后再获取所在地理位置,如何获取,我在下面会说到。先说下基本概念。

  Geolocation在的navigator 对象中,我们可以通过 navigator.geolocation 来使用它。不支持 geolocation 的浏览器并不包含这一对象,那么可以通过下面的代码来做能力检测,对不同的浏览器做不同的处理。在访问 geolocation 对象时,即调用 geolocation 下面的方法时,浏览器会弹出提示,询问用户是否许可网站提供的位置服务,只有在得到用户许可过后,服务才会继续,否则将被停止。 

  常用的navigator.geolocation对象有以下三种方法:

  获取当前地理位置:navigator.geolocation.getCurrentPosition(success_callback_function, error_callback_function, position_options)

  持续获取地理位置:navigator.geolocation.watchPosition(success_callback_function, error_callback_function, position_options)

  清除持续获取地理位置事件:navigator.geolocation.clearWatch(watch_position_id)  

  参数position_options是配置项,由JSON格式传入:

  enableHighAccuracy:true/false,它将告诉浏览器是否启用高精度设备,所谓的高精度设备包含但不局限于前面所提到的 GPS 和 WIFI,值为 true 的时候,浏览器会尝试启用这些设备,默认指为 true,在这种情况下,浏览器会尽可能地进行更为精确的查询,简单地说,如果用户有可用的 GPS 设备,会返回 GPS 设备的查询结果,IP 是最后的选择,对于移动设备来说,网络接入点(基站)或许成为另一个选择,对此我还没有完全了解,但根据测试,即时没有任何额外功能的手机,也能够得到更为精确的查询结果。

  maximumAge:单位毫秒,告诉设备缓存时间,主要用于设备的省电或者节省带宽方面。

  timeout:单位毫秒,超时事件,获取位置信息时超出设定的这个时长,将会触发错误,捕获错误的函数将被调用,并且错误码指向TIMEOUT。

?

var position_option = {

                enableHighAccuracy: true,

                maximumAge: 30000,

                timeout: 20000

            };

navigator.geolocation.getCurrentPosition(getPositionSuccess, getPositionError, position_option);

?

function getPositionSuccess( position ){

        var lat = position.coords.latitude;

        var lng = position.coords.longitude;

        alert( "您所在的位置: 纬度" + lat + ",经度" + lng );

        if(typeof position.address !== "undefined"){

                var country = position.address.country;

                var province = position.address.region;

                var city = position.address.city;

                alert(‘ 您位于 ‘ + country + province + ‘省‘ + city +‘市‘);

        }

}

coords其他返回信息:

coords.accuracy:返回经纬度的精度(米)

coords.speed :速度

coords.altitude :当前的高度,海拔(米)

coords.altitudeAccuracy:高度的精度(米)

coords.heading:朝向

?

function getPositionError(error) {

    switch (error.code) {

        case error.TIMEOUT:

            alert("连接超时,请重试");

            break;

        case error.PERMISSION_DENIED:

            alert("您拒绝了使用位置共享服务,查询已取消");

            break;

        case error.POSITION_UNAVAILABLE:

            alert("获取位置信息失败");

            break;

    }

}

时间: 2024-08-29 18:14:09

基于 html5 geolocation来获取经纬度地址(copy)的相关文章

[WPF] 浏览百度地图并获取经纬度地址信息

项目中需要利用登记的区域和地址在百度地图上定位,并获取该地址的经纬度. 本次功能对我来说主要难点如下:1.百度地图API的基本使用方法,请首选使用百度地图的JavaScript大众版(PS:之前使用WebAPI会导致WebBrowser浏览出现很多问题):JavaScript大众版网址:http://developer.baidu.com/map/index.php?title=jspopular2.WPF WebBrowser控件中的JavaScript与WPF的交互:3.WPF WebBro

通过经纬度获取经纬度地址

protected void Page_Load(object sender, EventArgs e) { string url= "http://api.map.baidu.com/geocoder/v2/?ak=****&callback=renderReverse&location=39.983424,116.322987&output=json"; Response.Write(CreateGetHttpResponse(url)); } /// &l

HTML5 Geolocation 构建基于地理位置的 Web 应用

HTML5 中的新功能 HTML5 是最新一代的 HTML 规范,是 W3C 与 WHATWG 合作的结果,目前仍外于开发中.自从上一代 HTML4,Web 世界已经发生了巨大的变化,HTML5 的到来更大地促进了 Web 的发展,HTML5 提供了很多新的功能,主要有: 新的 HTML 元素,例如 section, nav, header, footer, article 等 用于绘画的 Canvas 元素 用于多媒体播放的 video 和 audio 元素 用于定位的 Geolocation

基于HTML5的Geolocation获取地理位置,配合Google Map API反向地址解析(获取用户真实地址)

html 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <title>Geolocation获取地理位置,配合Google Map API

android 基于百度地图api开发定位以及获取详细地址

一:百度地图开发必须要到百度开发平台android开发api下载相应的库,已经申请百度地图开发key. 二:新建项目baidumaplocation.设计main.xml文件这里注意的是MapView控件必须使用来自百度库封装好的com.baidu.mapapi.MapView .设计代码如下: Xml代码   <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=&q

基于vue 2.X和高德地图的vue-amap组件获取经纬度

今天我就讲了一下怎么通过vue和高德地图开发的vue-amap组件来获取经纬度. 这是vue-amap的官网文档:https://elemefe.github.io/vue-amap/#/ 这是我的码云项目的地址:http://git.oschina.net/ye_a_rs/project-vue-ele/tree/master/src 用 vue init webpack 项目名称 创建一个项目 npm安装vue-amap组件 : npm install vue-amap --save 在ma

根据省份等地址获取经纬度,或根据经纬度获取地址信息

在web开发涉及地图操作的时候或者移动客户端开发中有时候有以下需求: 下面主要记录通过百度提供的API的一个解决方案: 在百度开发平台中提供了这样一个叫Geocoding 的API,这个API用于提供从地址到经纬度坐标或者从经纬度坐标到地址的转换服务,使用的是http协议,返回JSON或者XML数据. 地理编码:即地址解析,由详细到街道的结构化地址得到百度经纬度信息,例如:“北京市海淀区中关村南大街27号”地址解析的结果是“lng:116.31985,lat:39.959836”.同时,地理编码

Android Google Maps API 网络服务用于网络定位、计算路线、获取经纬度、获取详细地址等

---恢复内容开始--- extends:http://blog.csdn.net/h7870181/article/details/12505883 Google Maps API 网络服务 官网地址 : https://developers.google.com/maps/documentation/webservices/?hl=zh-cn 其实就是一些接口,供我们调用,如: 1.根据地址获取经纬度 http://maps.google.com/maps/api/geocode/json?

iOS之获取经纬度并通过反向地理编码获取详细地址

1 _locationManager = [[CLLocationManager alloc] init]; 2 3 //期望的经度 4 5 _locationManager.desiredAccuracy = kCLLocationAccuracyBest; 6 7 //大约变化100米更新一次 8 9 _locationManager.distanceFilter = 100; 10 11 //认证NSLocationAlwaysUsageDescription 12 13 if ([[UI