百度地图HTML5定位功能介绍
百度地图的 H5 定位功能,兼容性不错,用起来也还算顺手。尤其适合做移动端定位需求的项目,比如外卖、打车、签到打卡这些场景。你只要开下浏览器权限,定位基本能准个七八分。
HTML5 定位的好处是轻量,不需要用户装什么额外 App。直接用浏览器就能拿到位置信息,方便得。,想精确点,也可以搭配百度地图 SDK或者用下Cordova 插件,Hybrid 项目也能玩。
我翻了几个文档和 Demo,像这个 Demo,就比较直观,代码清爽,响应也快。还有这个基于 HTML5 的定位工具,能直接拿来跑,改个接口就能用。
写的时候注意几点:getCurrentPosition
别忘加错误回调,兼容低版本浏览器也别偷懒。还有position: absolute
定位图标时,要考虑地图缩放影响,不然图标飞得老远。
iOS 和 Android 那边也有各自的实现方式,比如iOS 指南和Android 实现,可以对着改改,适配也还算友好。
如果你项目刚好用到前台定位,建议看看这个前台服务集成文档,得还蛮稳,尤其对续航影响不大。
,别忘了浏览器权限和 HTTPS 环境,这是 H5 定位的基础。想偷懒用 HTTP?不好意思,浏览器直接不给你定位。
3.54KB
文件大小:
评论区