| | |
| | | // console.log(this.form.keyword) |
| | | const result = await mapApi.getSolidWaste(data) |
| | | this.searchDataDisplay = result.Result.DataInfo |
| | | // 循环遍历数据 根据进行marker 的创建 |
| | | for (let i = 0; i < this.searchDataDisplay.length; i++) { |
| | | // 经纬度 位置 |
| | | const positionX = this.searchDataDisplay[i].Latitude |
| | | const positionY = this.searchDataDisplay[i].Longitude |
| | | |
| | | // 定义类型 用来区分数据的不同 1.接口接口数据来进行数据的判断 2.根据数据类型的不同,进行不同类型的图片显示 |
| | | const judgeValue = this.searchDataDisplay[i].StorageQty |
| | | var iconUrl = this.differentTypes(judgeValue) |
| | | |
| | | const marker = this.L.marker([positionX, positionY], { |
| | | // totransferData: this.searchDataDisplay[i], |
| | | icon: this.L.icon({ |
| | | iconUrl: iconUrl, |
| | | iconSize: [30, 30], |
| | | iconAnchor: [15, 15] |
| | | }) |
| | | }) |
| | | this.layer.addLayer(marker) |
| | | } |
| | | }, |
| | | // 不同类型图片封装 |
| | | differentTypes (judgeValue) { |
| | |
| | | async setBounced (val) { |
| | | const pos = [val.Latitude, val.Longitude] |
| | | window.map.flyTo(pos, 11) |
| | | // 循环遍历数据 根据进行marker 的创建 |
| | | // for (let i = 0; i < this.searchDataDisplay.length; i++) { |
| | | // 经纬度 位置 |
| | | const positionX = val.Latitude |
| | | const positionY = val.Longitude |
| | | |
| | | // 定义类型 用来区分数据的不同 1.接口接口数据来进行数据的判断 2.根据数据类型的不同,进行不同类型的图片显示 |
| | | const judgeValue = val.StorageQty |
| | | var iconUrl = this.differentTypes(judgeValue) |
| | | |
| | | const marker = this.L.marker([positionX, positionY], { |
| | | // totransferData: this.searchDataDisplay[i], |
| | | icon: this.L.icon({ |
| | | iconUrl: iconUrl, |
| | | iconSize: [30, 30], |
| | | iconAnchor: [15, 15] |
| | | }) |
| | | }) |
| | | this.layer.addLayer(marker) |
| | | // } |
| | | const t1 = setTimeout(async () => { |
| | | const dataValue = { |
| | | StoragePlaceId: val.StoragePlaceId |