高德地图定位并匹配距离最近经销商

最新推荐文章于 2024-08-17 15:37:49 发布

原创

最新推荐文章于 2024-08-17 15:37:49 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#定位 #移动端定位 #高德定位 #H5定位 #省份城市定位

对移动端H5定位，基于浏览器的定位，准确获取经纬度，计算最近距离

定位插件

这里写图片描述
选用多个定位插件，最终决定使用高德地图的插件，在页面中引用http://webapi.amap.com/maps?v=1.4.4&key=您申请的key值即可，然后再根据需求调用对应的函数，我所开发的项目使用API的是AMap.Geolocation获取当前浏览器的定位，AMap.CitySearch获取当前的城市信息。

页面结构

表单结构

<li class="province-city">
            <select id="ddlProvince" name="ddlProvince" class="ddlProvince" title="省/00" >
                <option value="0">选择省份</option>
            </select>
            <em class="select-icon select-province"></em>
            <select id="ddlCity" name="ddlCity" class="ddlCity">
                <option value="0">选择城市</option>
            </