前言
目前我们做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定位的实例教程02-21
- pull总是提示输入密码问题是什么情况?02-21
- .NET中怎么实现程序分页02-21
- 怎么在Webforms 下搭建WebAPI?02-21
- 把exe注册为windows服务实例教程02-21
- 怎么在EXECL文件中同时导入数据和插入图片?02-21
- 分享一个“网红脸“”框架实例教程02-21
- 实现asp.net返回上一页有哪些实例?02-21
下一篇:
相关推荐
-
雷神推出 MIX PRO II 迷你主机:基于 Ultra 200H,玻璃上盖 + ARGB 灯效
2 月 9 日消息,雷神 (THUNDEROBOT) 现已宣布推出基于英
-
制造商 Musnap 推出彩色墨水屏电纸书 Ocean C:支持手写笔、第三方安卓应用
2 月 10 日消息,制造商 Musnap 现已在海外推出一款 Oce
热文推荐
- pull总是提示输入密码问题是什么情况?
pull总是提示输入密码问题是什么情况?
26-02-21 - 怎么在Webforms 下搭建WebAPI?
怎么在Webforms 下搭建WebAPI?
26-02-21 - 分享一个“网红脸“”框架实例教程
分享一个“网红脸“”框架实例教程
26-02-21 - 本地是怎么配置iis调试的?
本地是怎么配置iis调试的?
26-02-21 - C#简单工厂模式是什么?
C#简单工厂模式是什么?
26-02-21 - win10用户遇到intel显卡驱动出现问题怎么办
win10用户遇到intel显卡驱动出现问题怎么办
26-02-21 - 如何实现DataGridView的添加删除修改?
如何实现DataGridView的添加删除修改?
26-02-21 - 怎么让win10系统的界面变成win8和win7那样
怎么让win10系统的界面变成win8和win7那样
26-02-21 - Catalog Service - 解析微软微服务架构实例代码
Catalog Service - 解析微软微服务架构实例代码
26-02-21 - 本地IIS运行调试遇到的问题及解决方案
本地IIS运行调试遇到的问题及解决方案
26-02-21
