html5+app、mui+app、手机网站、微信公众号、等h5开发的html页面高德地图常用到的一些api封装、如地图的关键字搜索、高德ip定位、html+plus定位、html+plus导航、根据经纬度查询详细地址等函数

手机html5，GPS定位，实现手机定位，并可记录gps坐标和百度坐标

背景 到新公司的第二个项目，就是和小伙伴们一起做一个H5的商城，主要在微信内，但也要考虑到其他浏览器。其中，首页需要根据当前用户的经纬度找到距离最近的门店并展示。前端需要做的工作就是获取用户的经纬度然后查询后台接口并渲染页面。 目标与分析 我们的目标是经过封装之后，只需要调用一个方法就可以拿到返回的位置信息。 我们需要做的事情是，针对不同的端（微信H5和其他浏览器环境）封装不同的类，再通过一个方法通过 UA 区分，调用不同环境对应的类获取位置。 在微信内部，经过反复的实践之后，不论是通过原生的 HTML5 定位，还是通过第三方(如百度或腾讯地图) jsapi 获取位置，不仅定位时间长，甚至经常

精确定位，希望能有所帮助

html5+app、mui+app、手机网站、微信公众号、等h5开发的html页面高德地图常用到的一些api封装、如地图的关键字搜索、高德ip定位、html+plus定位、html+plus导航、根据经纬度查询详细地址等函数

在开发移动端 web 或者webapp时，使用百度地图 API 的过程中，经常需要通过手机定位获取当前位置并在地图上居中显示出来，这就需要用到html5的地理定位功能。 复制代码代码如下: navigator.geolocation.getCurrentPosition(callback); 在获取坐标成功之后会执行回调函数 callback; callback 方法的参数就是获取到的坐标点；然后可以初始化地图，设置控件、中心点、缩放等级，然后给地图添加point的overlay： 复制代码代码如下: var map = new BMap.Map(“mapDiv”);//mapDiv为放

html5定位获取当前位置并在百度地图上显示，同时显示定位的经纬坐标与详细地址信息！