使用html5获取当前手机的经纬度，并接入百度地图API，查询出当前位置

最新推荐文章于 2025-04-27 16:43:24 发布

dennis19910627

最新推荐文章于 2025-04-27 16:43:24 发布

阅读量4.9w

点赞数 6

本文链接：https://blog.youkuaiyun.com/dennis19910627/article/details/47321287

版权

本文介绍了如何使用HTML5获取手机的经纬度，并解决与百度地图API坐标系统的兼容问题，通过坐标转换实现准确的位置查询。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近项目需要，稍微研究一下html5获取当前地理位置的问题。

获取当前位置的经纬度很简单，一句代码就搞定

navigator.geolocation.getCurrentPosition(function (position) {
                longitude = position.coords.longitude;
                latitude = position.coords.latitude;
            });

然后查阅百度地图API，很easy，也是几句代码就搞定的事

        var map = new BMap.Map("allmap");<pre name="code" class="javascript">        var point = new BMap.Point(longitude,latitude);<pre name="code" class="javascript">        var geoc = new BMap.Geocoder();

        geoc.getLocation(point, function(rs){
            var addComp = rs.addressComponents;
            alert(addComp.province + ", " + addComp.city + ", " + addComp.distri