使用html5 地理位置技术 和 百度地图api查询当前位置
2015-04-10 10:17
369 查看
使用了 zepto 和 requirejs
define(['zepto'],function($){ var geolocation = { init:function(config,onSuccess,onError){ if(typeof(config)=='function'){ onError = onSuccess; onSuccess = config; config = undefined; } if(Object(config)===config){ for(var k in this.option){ this.option[k] = config[k]; } } if(typeof(onSuccess)=='function'){ this.onSuccess = onSuccess; } if(typeof(onError)=='function'){ this.onError = onError; } return this; }, getPosition:function(returnType){//returnType==cityName,返回城市名称 var host = this; navigator.geolocation.getCurrentPosition(function ( position){ console.log('getCurrentPosition success ',position); if(!returnType){ host.onSuccess.call(null,position); }else{ var lat = position.coords.latitude; var lng = position.coords.longitude; var urls="http://api.map.baidu.com/geocoder/v2/?ak=0QoBGmQ4i5N0FycRCQMukgqd&callback=renderReverse&location="+lat+","+lng+"8&output=json&pois=0"; $.ajax({ type: "POST", url: urls, dataType : "jsonp", success: function(data){ //alert(JSON.stringify(data)); //alert(host.onSuccess) console.log('get city name>>>',data); host.onSuccess.call(null,data); }, error:function(error){ host.onError.call(null,error); } }); } }, function(error){ host.onError.call(null,error); }, this.option); return this; }, option:{ enableHighAccuracy: true, maximumAge: 30000, timeout: 20000 }, onSuccess: function(data){ console.log('geolocation.getCurrentPosition success:',data); }, onError:function(error){ console.log('geolocation.getCurrentPosition error:',error); } }; return geolocation; });
相关文章推荐
- 使用html5获取当前手机的经纬度,并接入百度地图API,查询出当前位置
- 使用html5获取当前手机的经纬度,并接入百度地图API,查询出当前位置
- 使用html5获取当前手机的经纬度,并接入百度地图API,查询出当前位置
- HTML5调用百度地图API进行地理定位实例 ,定位当前位置
- Android 技术总结(016)—— 使用百度地图api获取当前位置
- Android 使用GPS获取当前地理位置
- Android 成功 使用GPS获取当前地理位置(解决getLastKnownLocation 返回 null)
- Android 成功 使用GPS获取当前地理位置(解决getLastKnownLocation 返回 null)
- iOS8使用CoreLocation获取当前地理位置
- 如何使用HTML5地理位置定位功能
- HTML5之地理位置(定位技术)
- html5 返回当前地理位置的坐标点(经纬度)
- Android 成功 使用GPS获取当前地理位置(解决getLastKnownLocation 返回 null)
- python使用在线API查询IP对应的地理位置信息实例
- 使用JS获取当前地理位置方法汇总
- 使用HTML5进行地理位置定位。误差在+-500m
- 在Android中使用HTML5本地存储,地理位置,离线应用
- Android 成功 使用GPS获取当前地理位置(解决getLastKnownLocation 返回 null)
- javascript使用百度地图api和html5特性获取浏览器位置
- 如何使用HTML5地理位置定位功能