使用地图容器组件baidu-map,但是不要展示百度地图出来,仅用于获取位置:

<!-- 该百度地图容器不展示,仅用于获取当前位置 -->
<baidu-map id="map" class="map" :scroll-wheel-zoom="true" :pinch-to-zoom="true" ak="申请的百度秘钥" @ready="handler">
</baidu-map>

ready方法可以在百度地图开始加载时执行,可以用来获取位置信息:

// 获取当前位置位置
handler({ BMap, map }) {
  let that = this
  var geolocation = new BMap.Geolocation();
  geolocation.getCurrentPosition(function (res) {
    that.currentLocation = [res.longitude, res.latitude]
    console.log("当前位置经纬度",that.currentLocation)
  });
},
Logo

鸿蒙生态一站式服务平台。

更多推荐