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 source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
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