Uniapp + 高德

1、逆地理位置编译(依据经纬度转换为地理位置信息)

第一步:先下载AMapWX

第二步:申请key(这里我直接备注了逆地理位置key)

第三步:依据经纬度,转换为实时的地理位置信息

import config from '@/utils/mapConfig'
import { AMapWX } from './amap-wx.130'
export default {
    methods: {
        // 调用
        handleClick(e) {
            this.handleAddressInfo(this.address.latitude, this.address.longitude)
        },
        // 转换
        handleAddressInfo(latitude, longitude) {
            var that = this
            that.location = `${latitude},${longitude}`
            const mt = new AMapWX({
                // config.GD_ADDINFO_KEY,是我申请的逆地理位置key
                key: config.GD_ADDINFO_KEY,
                batch: true
            })
            mt.getRegeo({
                location: that.location,
                success: (res) => {
                    this.select_info = res[0].regeocodeData.formatted_address
                },
                fail: (error) => {
                    console.log('error', error)
                }
            })
        }
    }
}

补充:AMapWX代码(使用了export导出)

  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uniapp是一种跨平台的应用程序开发框架,可以使用Vue.js来开发Android和iOS应用程序。高德持续定位是指利用高德地图API实现在应用程序中持续获取用户位置的功能。 通过uniapp的插件机制,我们可以将高德地图API集成到uniapp项目中,并利用其提供的持续定位功能来实现实时获取用户位置信息。 首先,我们需要在uniapp项目中安装并导入高德地图插件。然后,在需要进行持续定位的页面中,可以通过调用相应的API来开启持续定位功能。 开启持续定位后,应用程序将会在后台持续获取用户位置信息,并在需要的时候进行更新。可以通过设置定位间隔时间来控制位置更新的频率。 获取到用户位置信息后,我们可以在应用程序中进行相应的处理,例如在地图上标注用户位置、计算两点之间的距离等。 需要注意的是,由于持续定位功能需要使用设备的位置服务,因此在使用前需要获取用户的位置权限。在uniapp中,可以通过调用相应的API来申请位置权限,并在用户授权后才能开始持续定位。 总的来说,uniapp结合高德持续定位可以很方便地实现在应用程序中获取用户位置信息的功能。通过合理的使用定位间隔时间和位置权限申请,可以实现精准的持续定位,并在应用程序中进行相应的处理。这对于一些需要基于用户位置的应用程序来说,是非常有用的。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值