H5结合百度map实现GPS定位
2017-06-05 16:28
344 查看
前言
目前我们做m端时都会用到定位,当用户第一次打开h5页面时会启动gps定位,并结合百度map来查找城市。按照我们的逻辑思路就是gps定位获取经纬度,传到后台调用百度的一个接口查找城市名称。1、查询得到城市名称,我们根据城市名称在我们自己的数据库里再查询对应的城市id(查询会很频繁,可以基于xml 缓存查询,也可以放到redis里)
2、为了保险起见,我们也会在自己的库里根据经纬度维护一套城市信息,防止接口不可用时不影响定位。
H5 GPS定位
(function () { var isGeolocation = false, lat = 0, lng = 0, coords = null; if (navigator.geolocation) { isGeolocation = true; }; if (isGeolocation) { function getPosSuccess(position) { coords = position.coords; lat = coords.latitude, lng = coords.longitude; $.ajax({ type: 'GET', dataType: 'json', url: '/Home/GetPositionArea', data: { 'lat': lat, 'lng': lng }, success: function (data) { } }); }; function getPosError(err) { switch (err) { case err.PERMISSION_DENIED: console.log("您拒绝了共享位置,可手动选择城市。"); break; case err.POSITION_UNAVAILABLE: console.log("无法获取当前位置"); break; case err.TIMEOUT: console.log("获取位置超时"); break; default: console.log("未知错误"); break; } }; navigator.geolocation.getCurrentPosition(getPosSuccess, getPosError, null); } else { }; })();
结合百度接口查询具体城市
public JsonResult GetPositionArea(decimal lng, decimal lat) { string api = string.Format( "http://api.map.baidu.com/geocoder/v2/?output=json&ak=XXXXX&location={0},{1}", lat, lng); //传入自己的业务参数ak string result = HttpRequestHelper.Get(api); return Json(result, JsonRequestBehavior.AllowGet); }
相关文章推荐
- 百度map android sdk3.5实现定位 并跳转的指定坐标,添加标记
- 百度map android sdk3.5实现定位 并跳转的指定坐标,加入标记
- 使用百度API实现热点(WIFI)、GPS、基站定位
- 用百度API实现热(WIFI)、GPS、基站定位
- 手机端GPS定位结合百度地图实现定位
- 教程:实现Android的不同精度的定位(基于网络和GPS)
- android定时定位 - 利用百度定位API来实现定时定位功能
- Android下实现GPS定位服务
- Android编程之实现GPS定位
- Android GPS 定位的实现(1) 续
- Android开发googleMap+GPS定位中的关于Criteria一知半解问题
- Android GPS 定位的实现
- Android GPS 定位的实现(1)
- 教程:实现Android的不同精度的定位(基于网络和GPS)
- Android GPS 定位的实现
- android定时定位 - 利用百度定位API来实现定时定位功能
- android定时定位 - 利用百度定位API来实现定时定位功能
- Android编程之实现GPS定位
- android map api展示地图及和定位结合使用
- Android开发googleMap+GPS定位中的关于Criteria一知半解问题