最近在做一个搜索附近3公里所有超市信息(已经录入数据库的超市信息)的功能。思路很简单只是获取用户当前地理位置(经纬度),通过sql语句筛选出3公里范围内的所有超市信息,然后传递到前台页面展示出来。但是我是第一次通过移动端web获取用户地理位置,遇到很多的问题,我觉得我有必要记录一下,一方面彰显自己的成就,一方面想把经验分享给大家。
移动web端获取用户地理位置很麻烦,因为涉及用户隐私,所以web获取用户地理位置的方式很少而且精确度很低。我刚知道要做定位的功能,第一时间去看了百度地图API,找到了web浏览器定位,说是浏览器定位其实也是通过用户IP定位,我很快就完成这个所谓的搜索功能,觉得这真是太简单了。但是事实并不是如此,我最开始测试的时候是用WiFi测试的,测试的结果发现精确度有点低,而且安卓端和ios端数据显示还不一样,根据我们的测试报告上说应该是ios更精准一些,这些还不算什么,因为我们只是搜索三公里范围内的数据有些误差也可以,但是一个致命的问题让我不得不放弃了百度地图。
这个致命问题就是,只要连接移动数据(不使用WiFi)全部都定位到合肥去了(测试使用的是安徽手机号),我百思不得其解,经过一番测试思考才明白所谓的ip定位是什么意思,也明白了所谓移动数据是什么?所谓的ip定位就是通过路由地址定位,移动网络就是一个大的WiFi网络环境,使用移动数据定位会定位到这个WiFi网络的路由所在地,也就是合肥。这一结果让我心凉,移动网络不能定位这让我们的需求也成了泡影,我不得不放弃已经完成的功能另外找寻找解决方案。
通过不停的搜索、寻找资料、询问前辈,我找到了第二种解决方案——html5定位,这个比之前调用百度地图的API简单多了,我很快又一次完成了这个功能。html5定位无论是连接WiFi还是移动网络都能定位到用户所在位置,但是同样也出现一个问题,使用WiFi比使用移动网络精准,但是这不影响我们的功能需求,算是符合我们的要求,但测试人员并不打算放过我,最新的测试报告上说IOS端会弹出这么一段话Origin does not have permission to use Geolocation service,翻译过来就是请求源没有权限使用地理定位服务,我一脸懵逼。找了很多资料才明白,苹果公司认为http请求都是不安全的所以拒绝为http请求提供地理定位服务,而我们公司使用的就是http请求。
我这时候有点绝望了,疯狂的找解决方案,最后还真让我找到了——腾讯地图。我一直觉得腾讯很坑爹,网页游戏都被人骂,但是这次不得不感谢它。腾讯地图也是使用html5定位技术但人家是https请求,所以腾讯抓住了这个机会,建立一个类似中转站的请求转发(我个人的理解)。我们的请求会到腾讯的中转站(https)然后在(https)返回给我们这样我们的请求就是https请求IOS用户端就会为我们的定位提供地理位置定位服务了,这次测试终于过了。
虽然过程很曲折但是结果还算不错,总算满足了定位的功能需求,也收获了很多东西。

关于web移动端定位的更多相关文章

  1. 【转载】Web移动端Fixed布局的解决方案

    特别声明:本文转载于EFE的<Web移动端Fixed布局的解决方案>.如需转载,烦请注明原文出处:http://efe.baidu.com/blog/mobile-fixed-layout ...

  2. 从web移动端布局到react native布局

    在web移动端通常会有这样的需求,实现上中下三栏布局(上下导航栏位置固定,中间部分内容超出可滚动),如下图所示: 实现方法如下: HTML结构: <div class='container'&g ...

  3. 关于如何提高Web服务端并发效率的异步编程技术

    最近我研究技术的一个重点是java的多线程开发,在我早期学习java的时候,很多书上把java的多线程开发标榜为简单易用,这个简单易用是以C语言作为参照的,不过我也没有使用过C语言开发过多线程,我只知 ...

  4. winform客户端利用webClient实现与Web服务端的数据传输

    由于项目需要,最近研究了下WebClient的数据传输.关于WebClient介绍网上有很多详细介绍,大概就是利用WebClient可以实现对Internet资源的访问.无外乎客户端发送请求,服务端处 ...

  5. Openstack的web管理端相关

    openstack的web管理端技术方面要关注的问题. 同步?异步 先说浏览器的同步和异步,我们知道的浏览器可以使用ajax实现异步请求,就是浏览器在请求数据的时候,我们管理员还能对浏览器就行其他操作 ...

  6. 如何提高Web服务端并发效率的异步编程技术

    作为一名web工程师都希望自己做的web应用能被越来越多的人使用,如果我们所做的web应用随着用户的增多而宕机了,那么越来越多的人就会变得越来越少了,为了让我们的web应用能有更多人使用,我们就得提升 ...

  7. web移动端常见问题解决方案 (转)

    总结:本文总结了web移动端的常见问题并附上解决方案,包括:Meta标签.获取滚动条的值.禁止选择文本.屏蔽阴影.css之border-box.css3多文本换行.Retina屏幕高清图片.html5 ...

  8. SeaJS:一个适用于 Web 浏览器端的模块加载器

    什么是SeaJS?SeaJS是一款适用于Web浏览器端的模块加载器,它同时又与Node兼容.在SeaJS的世界里,一个文件就是一个模块,所有模块都遵循CMD(Common Module Definit ...

  9. IOS开发系列之阿堂教程:玩转IPhone客户端和Web服务端交互(客户端)实践

    说到ios的应用开发,我们不能不提到web server服务端,如果没有服务端的支持,ios应用开发就没有多大意义了,因为从事过手机开发的朋友都知道(Android也一样),大量复杂业务的处理和数据库 ...

随机推荐

  1. Python分支结构你真的搞定了吗?

    分支结构 分支结构能够让计算机像人一样进行思考,应对不同的场景做出不同的回应. Python中不支持switch语法,目前仅支持if/else形式,但是在Python3.10的测试版本中,貌似支持了s ...

  2. OO第一单元总结-多项式求导

    OO第一单元总结-多项式求导 一.第一.第二次作业总结 因为前两次作业设计复杂度差别不大,因而放在这里统一总结. 基于度量分析程序结构: 前两次作业确实存在缺乏可拓展设计的构想,基本还是面向过程的思维 ...

  3. 微服务&#183;API网关

    阅文时长 | 3.52分钟 字数统计 | 1232字符 主要内容 | 1.什么是API网关 2.微服务中的API网关 3.几种部署策略 『微服务·API网关』 编写人 | SCscHero 编写时间 ...

  4. Java语言的三大特性

    Java语言的三大特性 1.封装 1.1  概念: 封装也成为信息异常,隐藏对象的属性和实现细节,仅对外公开接口(外部不可以直接看到对象的属性细节并且不能直接更改属性的值,只能通过方法来读取或更改属性 ...

  5. 笔记本用HDMI转VGA 使用双屏办公 听语音

    笔记本用HDMI转VGA 使用双屏办公 听语音 原创 | 浏览:1212 | 更新:2019-11-12 12:16 1 2 3 4 5 6 7 分步阅读 笔记本使用 转接头扩展出一块屏幕.使用多屏办 ...

  6. Linux_yum命令详解

    一.yum命令语法 yum [options] [command] [package ...] 二.yum命令常用的选项: yum options -y //自动回答为"yes" ...

  7. k8s管理机密信息(12)

    一.启动应用安全信息的保护 1.Secret介绍 应用启动过程中可能需要一些敏感信息,比如访问数据库的用户名密码或者秘钥.将这些信息直接保存在容器镜像中显然不妥,Kubernetes 提供的解决方案是 ...

  8. OpenStack Rally 性能测试

    注意点:在测试nova,在配置文件里面如果不指定网络id,那么默认是外网的网络(该网络是共享的),如果想要指定网络,那么该网络必须是共享的状态,否则将会报错:无法发现网络.如果测试多于50台的虚拟机需 ...

  9. 转载 https://www.cnblogs.com/bobo-pcb/p/11708459.html

    https://www.cnblogs.com/bobo-pcb/p/11708459.html #### 1 用VMware 15.0+win10企业版 1次安装成功 20200124 2 不要用v ...

  10. Scala 中 object、class 与 trait 的区别

    Scala 中 object.class 与 trait 的区别 引言 当你刚入门 Scala,肯定会迫不及待想要编写自己的第一个 Scala 程序.如果你已经在交互模式下敲过 Scala 代码,想必 ...