概述
前言
目前我们做m端时都会用到定位，当用户第一次打开h5页面时会启动gps定位，并结合百度map来查找城市。按照我们的逻辑思路就是gps定位获取经纬度，传到后台调用百度的一个接口查找城市名称。
1、查询得到城市名称，我们根据城市名称在我们自己的数据库里再查询对应的城市id（查询会很频繁，可以基于xml 缓存查询，也可以放到redis里）
2、为了保险起见，我们也会在自己的库里根据经纬度维护一套城市信息，防止接口不可用时不影响定位。
H5 GPS定位
1 (function () { 2 var 3 isGeolocation = false, 4 lat = 0, 5 lng = 0, 6 coords = null; 7 8 if (navigator.geolocation) { isGeolocation = true; }; 9 if (isGeolocation) {10 function getPosSuccess(position) {11 coords = position.coords;12 lat = coords.latitude, lng = coords.longitude;13 $.ajax({14 type: 'GET',15 dataType: 'json',16 url: '/Home/GetPositionArea',17 data: { 'lat': lat, 'lng': lng },18 success: function (data) {19 20 }21 });22 };23 function getPosError(err) {24 switch (err) {25 case err.PERMISSION_DENIED:26 console.log("您拒绝了共享位置，可手动选择城市。");27 break;28 case err.POSITION_UNAVAILABLE:29 console.log("无法获取当前位置");30 break;31 case err.TIMEOUT:32 console.log("获取位置超时");33 break;34 default:35 console.log("未知错误");36 break;37 }38 39 };40 navigator.geolocation.getCurrentPosition(getPosSuccess, getPosError, null);41 } else {42 43 };44 45 })();登录后复制
结合百度接口查询具体城市
JsonResult GetPositionArea( lng, api = result =
登录后复制
以上就是H5结合百度map实现GPS定位的实例教程的详细内容，更多请关注靠谱客其它相关文章！
最后
以上就是甜蜜月光为你收集整理的H5结合百度map实现GPS定位的实例教程的全部内容，希望文章能够帮你解决H5结合百度map实现GPS定位的实例教程所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复