uniapp 打包app 引入高德地图


一。高德地图注册key值

二。项目中添加配置

 

三。项目中引用

class="home-btom-box" >
  class="home-zs">
      class="img-addicon" src="../../static/images/com_icon_adress.png" mode="">
      class="home-address">住所:{{item.address}}
  
  class="home-dhg" @click='goGaod(item.name,item.address,item.lat_lag)'>
     class="img-dhicon" src="../../static/images/com_icon_dh.png" mode="">
     class="home-dhname">导航
  
goGaod(name,addre){
                let that = this
                if(timer !=null){
                    clearTimeout(timer)
                }
                timer=setTimeout(function(){
                    that.getLng(name,addre)
           },1000)
            },
            //获取 位置的经纬度
            getLng(name,addre){
                let that = this
                uni.request({
                    url: 'https://restapi.amap.com/v3/geocode/geo',
                    method: 'GET',
                    data: {
                        key: '7757a7501dded9289d*******e6', //高德地图key web的
                        address: addre // 地址
                    },
                    success:function(res){
                        let lo = res.data.geocodes[0].location.split(',')[0]
                        let la = res.data.geocodes[0].location.split(',')[1]
                        that.shop_longtude = lo
                        that.shop_latitide = la
                        that.openMap(name,addre,lo,la)
                    }
                })
            },

openMap(name,addre,lo,la){
  uni.openLocation({
    latitude: Number(la),
    longitude: Number(lo),
    name: name,
    address: addre,
    success: function() {
      console.log('success');
    },
    fail:function(err){
      console.log('打开地图失败',err)
    }
  })
},

 

四,直接打开地图选择地址

class="uni-list-cell-db">
      class="addcom-name">住所
      class="uni-input-wrapper">
             class="input-write" v-model="form.address" placeholder="请输入" />
      "goMaps" class="icon-right" src="../../static/images/com_icon_adress.png" mode="">
goMaps(){
     let that = this
     uni.chooseLocation({
          success: function (res) {
                console.log(res,'res')
                console.log('位置名称:' + res.name);
                console.log('详细地址:' + res.address);
                console.log('纬度:' + res.latitude);
                console.log('经度:' + res.longitude);
                that.form.address = res.address
           }
      });
},