小程序 map地图 多点标记

实际项目中的操作

data:{
	markers: [],
},
onLoad: function(options) {
	wx.request({
	      url: “这里是接口地址”,
	      data: {
	      //传入的参数
	        longitude: app.globalData.longitude,
	        latitude: app.globalData.latitude,
	      },
	      success: (res) => {
	        
	        let boxMsg = res.data.items
	        console.log(boxMsg)
	        //这里是关键 , 循环出来有多少接口数据,往data里的数组里追加
	        for (var i = 0; i < boxMsg.length; i++) {
	          let no = boxMsg[i].no
	          let name = boxMsg[i].name
	          let boxlatitude = boxMsg[i].latitude
	          let boxlongitude = boxMsg[i].longitude
	
	          var info = {
	            id: 0,
	            iconPath: "../images/ljt.png",
	            latitude: '',
	            longitude: '',
	            width: 25,
	            height: 25,
	            title: "",
	          };
	          info.id = no
	          info.latitude = boxlatitude
	          info.longitude = boxlongitude
	          info.title = name
	
	          markers.push(info);
	          this.setData({
	            boxlatitude: boxMsg[i].latitude,
	            boxlongitude: boxMsg[i].longitude
	          })
	        }
	
	        this.setData({
	          markers: markers
	        })
	      }
	    })
    }

小程序 map地图 多点标记_第1张图片

你可能感兴趣的:(微信小程序)