简单html5代码获取地理位置
2014-03-31 17:03
555 查看
/** * 以下为html5代码,获取地理位置 */ function getLocation() { //检查浏览器是否支持地理位置获取 if (navigator.geolocation) { //若支持地理位置获取,成功调用showPosition(),失败调用showError // alert("正在努力获取位置..."); var config = { enableHighAccuracy: true, timeout: 5000, maximumAge: 30000 }; navigator.geolocation.getCurrentPosition(showPosition, showError, config); } else { //alert("Geolocation is not supported by this browser."); alert("定位失败,用户已禁用位置获取权限"); } } /** * 获取地址位置成功 */ function showPosition(position) { //获得经度纬度 var x = position.coords.latitude; var y = position.coords.longitude; //配置Baidu Geocoding API var url = "http://api.map.baidu.com/geocoder/v2/?ak=C93b5178d7a8ebdb830b9b557abce78b" + "&callback=renderReverse" + "&location=" + x + "," + y + "&output=json" + "&pois=0"; $.ajax({ type: "GET", dataType: "jsonp", url: url, success: function (json) { if (json == null || typeof (json) == "undefined") { return; } if (json.status != "0") { return; } setAddress(json.result.addressComponent); }, error: function (XMLHttpRequest, textStatus, errorThrown) { alert("[x:" + x + ",y:" + y + "]地址位置获取失败,请手动选择地址"); } }); } /** * 获取地址位置失败[暂不处理] */ function showError(error) { switch (error.code) { case error.PERMISSION_DENIED: alert("定位失败,用户拒绝请求地理定位"); //x.innerHTML = "User denied the request for Geolocation.[用户拒绝请求地理定位]" break; case error.POSITION_UN***AILABLE: alert("定位失败,位置信息是不可用"); //x.innerHTML = "Location information is unavailable.[位置信息是不可用]" break; case error.TIMEOUT: alert("定位失败,请求获取用户位置超时"); //x.innerHTML = "The request to get user location timed out.[请求获取用户位置超时]" break; case error.UNKNOWN_ERROR: alert("定位失败,定位系统失效"); //x.innerHTML = "An unknown error occurred.[未知错误]" break; } } /** * 设置地址 */ function setAddress(json) { var position = document.getElementById("txtPosition"); //省 var province = json.province; //市 var city = json.city; //区 var district = json.district; province = province.replace('市', ''); position.value = province + "," + city + "," + district; position.style.color = 'black'; }
相关文章推荐
- 获取地理位置的html5代码
- html5代码,获取地理位置
- html5获取地理位置和定位
- PHP中使用Node.js根据ip获取地理位置的方法代码
- 【Based Android】Location获取地理位置信息(中)Criteria类的简单使用
- 利用HTML5中Geolocation获取地理位置在Google Map上定位
- 【代码】android 通过GPS获取用户地理位置并监听位置变化
- HTML5获取地理位置
- Html5 Geolocation获取地理位置信息(转)
- HTML5获取地理位置定位信息
- HTML5实现获取地理位置信息并定位功能
- js+html5获取用户地理位置信息并在Google地图上显示的方法
- html5中获取地理位置信息
- 通过html5获取地理位置信息
- HTML5获取当前地理位置并在百度地图上展示的实例
- HTML5获取当前地理位置并在百度地图上展示的实例
- HTML5 - 使用Geolocation(地理定位)获取用户的位置
- HTML5 Geolocation API (地理位置应用程序接口)获取地理位置
- html5获取地理位置信息API
- 【Android笔记 三】Location获取地理位置信息(中)Criteria类的简单使用