Commit 21609145 authored by 郭铭瑶's avatar 郭铭瑶 🤘

更换病害测报点数据

parent 2132ef3c
......@@ -6,43 +6,6 @@
<script>
import china from 'echarts/map/json/china.json'
// const mapData = [
// {name: '海门', value: [121.15, 31.89]},
// {name: '鄂尔多斯', value: [109.781327, 39.608266]},
// {name: '招远', value: [120.38, 37.35]},
// {name: '舟山', value: [122.207216, 29.985295]},
// // { name: '北京', value: 177 },
// // { name: '天津', value: 42 },
// // { name: '河北', value: 102 },
// // { name: '山西', value: 81 },
// // { name: '内蒙古', value: 17 },
// // { name: '辽宁', value: 67 },
// // { name: '吉林', value: 182 },
// // { name: '黑龙江', value: 100 },
// // { name: '上海', value: 24 },
// // { name: '江苏', value: 299 },
// // { name: '浙江', value: 114 },
// // { name: '安徽', value: 29 },
// // { name: '福建', value: 316 },
// // { name: '江西', value: 91 },
// // { name: '山东', value: 19 },
// // { name: '河南', value: 137 },
// // { name: '湖北', value: 26 },
// // { name: '湖南', value: 114 },
// // { name: '重庆', value: 91 },
// // { name: '四川', value: 25 },
// // { name: '贵州', value: 62 },
// // { name: '云南', value: 83 },
// // { name: '西藏', value: 9 },
// // { name: '陕西', value: 80 },
// // { name: '甘肃', value: 256 },
// // { name: '青海', value: 10 },
// // { name: '宁夏', value: 18 },
// // { name: '新疆', value: 67 },
// // { name: '广东', value: 123 },
// // { name: '广西', value: 59 },
// // { name: '海南', value: 14 }
// ]
export default {
name: 'DiseaseMap',
props: {
......@@ -163,48 +126,48 @@ export default {
}
this.map.setOption(this.config)
},
addEvent() {
// 监听地图点击事件
this.map.on('click', (ev) => {
const {name} = ev.data
console.log(name)
this.setRegions(name)
this.curProvince = name
this.$emit('select', name)
})
// 点击空白处则取消选中状态
this.map.getZr().on('click', e => {
if (!e.target && this.curProvince) {
const name = this.curProvince
this.setRegions(null)
this.$emit('select', name)
}
})
},
setRegions(name) {
this.curProvince = name
if (!name) {
this.config.geo.regions = []
this.map.setOption(this.config)
return
}
let regions = [{
name,
selected: true,
itemStyle: {
areaColor: '#5ad4ff',
shadowColor: 'rgba(0, 0, 0, 1)',
shadowBlur: 10,
shadowOffsetY: 10,
shadowOffsetX: -5,
}
}]
if (this.config.geo.regions.length > 0 && this.config.geo.regions[0].name == name) {
regions = []
}
this.config.geo.regions = regions
this.map.setOption(this.config)
},
// addEvent() {
// // 监听地图点击事件
// this.map.on('click', (ev) => {
// const {name} = ev.data
// console.log(name)
// this.setRegions(name)
// this.curProvince = name
// this.$emit('select', name)
// })
// // 点击空白处则取消选中状态
// this.map.getZr().on('click', e => {
// if (!e.target && this.curProvince) {
// const name = this.curProvince
// this.setRegions(null)
// this.$emit('select', name)
// }
// })
// },
// setRegions(name) {
// this.curProvince = name
// if (!name) {
// this.config.geo.regions = []
// this.map.setOption(this.config)
// return
// }
// let regions = [{
// name,
// selected: true,
// itemStyle: {
// areaColor: '#5ad4ff',
// shadowColor: 'rgba(0, 0, 0, 1)',
// shadowBlur: 10,
// shadowOffsetY: 10,
// shadowOffsetX: -5,
// }
// }]
// if (this.config.geo.regions.length > 0 && this.config.geo.regions[0].name == name) {
// regions = []
// }
// this.config.geo.regions = regions
// this.map.setOption(this.config)
// },
},
watch: {
'$store.state.aquafarmPoints': {
......
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment