H5如何结合百度map实现GPS定位

H5如何结合百度map实现GPS定位？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

创新互联是专业的阿瓦提网站建设公司，阿瓦提接单;提供网站设计制作、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行阿瓦提网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

前言

目前我们做m端时都会用到定位，当用户第一次打开h6页面时会启动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定位
文章链接：http://dzwzjz.com/article/pspjej.html

大橙子网站建设，新征程启航

H5如何结合百度map实现GPS定位

前言

H5 GPS定位

结合百度接口查询具体城市

其他资讯