| | |
|---|
| | | |
|---|
| | | import mapApi from '@/api/mapApi' |
|---|
| | | import publicBounced from '@/components/BaseNav/PublicBounced/PublicBounced' |
|---|
| | | import defaultImg from '../../../../public/assets/images/map/solidwaste/gf_green2.png' |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | name: 'SolidWasteSearch', |
|---|
| | |
|---|
| | | // 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) { |
|---|
| | | var effectOfChange |
|---|
| | | if (judgeValue === 1) { |
|---|
| | | effectOfChange = defaultImg |
|---|
| | | } else { |
|---|
| | | effectOfChange = defaultImg |
|---|
| | | } |
|---|
| | | return effectOfChange |
|---|
| | | }, |
|---|
| | | // 数据展示,点击进行弹框及点的展示 |
|---|
| | | async setBounced (val) { |
|---|
