uni-app开发微信小程序:打开内置地图查看位置

需求:微信小程序点击位置图标,打开内置地图,查看单位位置

uni-app开发微信小程序:打开内置地图查看位置_第1张图片

官网相关API:uni.openLocation(OBJECT) | uni-app官网

光打开内置地图还是很简单的,根据API直接就能干

data() {
    return {
        lat: '', // 纬度
        lng: ''  // 精度
    }
},
methods: {

    // 导航(打开内置地图)
    goMap() {
      // 判断后端返回了有效的经纬度,再打开地图
      if (this.lat != null && this.lng != null && this.lat !== '' && this.lng !== '') {
        // 打开内置地图
        uni.openLocation({
          latitude: Number(this.lat),
          longitude: Number(this.lng),
          scale: 18,
          name: this.unitName,
          address: this.unitAddr
        })
      } else {
        this.$refs.uToast.show({ title: '该单位未维护地址', type: 'warning' })
      }
    }

}
-----------------------------------------------------------------------------
参数名	    类型	   必填	说明
latitude	Float	    是	纬度,范围为-90~90,负数表示南纬,使用 gcj02 国测局坐标系	
longitude	Float	    是	经度,范围为-180~180,负数表示西经,使用 gcj02 国测局坐标系	
scale	    Int	        否	缩放比例,范围5~18,默认为18	微信小程序
name	    String	    否	位置名	支付宝必填
address	    String	    否	地址的详细说明	支付宝必填
success	    Function	否	接口调用成功的回调函数	
fail	    Function	否	接口调用失败的回调函数	
complete	Function	否	接口调用结束的回调函数(调用成功、失败都会执行)

你可能感兴趣的:(微信小程序,小程序,uni-app,vue.js)