微信小程序使用高德地图API,根据文本地址获取对应的经纬度信息

首先引入下载好的amap-wx.js

var amapFile = require('../../../../utils/amap-wx')

初始化地图

  initAMap() {
    let address = '北京市海淀区'
    let myAmapFun = new amapFile.AMapWX({
      key: '3fb9d075cadc7740244c2e70b09f84d1'   //此处填入之前在高德上申请的key
    })
    let that = this
    //根据关键词，给出相应的提示信息
    myAmapFun.getInputtips({  
      keywords: address,
      success: function (data) {
      	//返回多个地址信息。（注意：看到这里就可以啦，接下来根据自己业务来做即可）
        console.log('success', data)
        
        //以下是我代码的逻辑：在地图上，为返回的第一个地址设置标记点
        //取第一个地址的信息
        let location = data.tips[0].location
        latitude = location.split(',')[1]
        longitude = location.split(',')[0]
		//在地图上，为第一个地址加标记点
        that.setMarker(latitude, longitude)
      },
      fail: function (fail) {
        console.log('err', fail)
      }
    })
  },
  
  //设置标记点
  setMarker(latitude, longitude) {
    let markers = []
    markers.push({
      id: 0,
      latitude: latitude,
      longitude: longitude,
      joinCluster: true,
      width: 26,
      height: 26,
      iconPath: '../../../static/workOrder/markerRot.png'//标记点的图标，此处自己设置
    })
    this.setData({
      //中心经纬度
      latitude,
      longitude,
      //标记点展示
      markers: markers
    })
  },

上一篇：小程序的 web-view 组件：实现点击跳转外部链接的高级技巧

下一篇：前端实现微信小程序信用分免押（也称微信分免押）