| | |
| | | import ZGSJson from '@/assets/map/zigong.json' // JOSN地图文件 |
| | | export default { |
| | | name: 'mapApp', |
| | | props: { |
| | | geoCoordinates: { |
| | | type: Object, |
| | | default: {}, |
| | | }, |
| | | }, |
| | | data () { |
| | | return { |
| | | geoCoordinates: { |
| | | 自流井区: [ |
| | | { |
| | | value: 12312, |
| | | name: 'XXX' |
| | | } |
| | | ], |
| | | 高新区: [ |
| | | { |
| | | value: 12312, |
| | | name: 'XXX' |
| | | } |
| | | ], |
| | | 大安区: [ |
| | | { |
| | | value: 12312, |
| | | name: 'XXX' |
| | | } |
| | | ], |
| | | 沿滩区: [ |
| | | { |
| | | value: 12312, |
| | | name: 'XXX' |
| | | } |
| | | ], |
| | | 贡井区: [ |
| | | { |
| | | value: 12312, |
| | | name: 'XXX' |
| | | } |
| | | ], |
| | | 荣县: [ |
| | | { |
| | | value: 12312, |
| | | name: 'XXX' |
| | | } |
| | | ], |
| | | 富顺县: [ |
| | | { |
| | | value: 12312, |
| | | name: 'XXX' |
| | | } |
| | | ] |
| | | }, |
| | | // geoCoordinates: { |
| | | // 自流井区: [ |
| | | // { |
| | | // value: 12312, |
| | | // name: '得分' |
| | | // } |
| | | // ], |
| | | // 高新区: [ |
| | | // { |
| | | // value: 12312, |
| | | // name: '得分' |
| | | // } |
| | | // ], |
| | | // 大安区: [ |
| | | // { |
| | | // value: 12312, |
| | | // name: '得分' |
| | | // } |
| | | // ], |
| | | // 沿滩区: [ |
| | | // { |
| | | // value: 12312, |
| | | // name: '得分' |
| | | // } |
| | | // ], |
| | | // 贡井区: [ |
| | | // { |
| | | // value: 12312, |
| | | // name: '得分' |
| | | // } |
| | | // ], |
| | | // 荣县: [ |
| | | // { |
| | | // value: 12312, |
| | | // name: '得分' |
| | | // } |
| | | // ], |
| | | // 富顺县: [ |
| | | // { |
| | | // value: 12312, |
| | | // name: '得分' |
| | | // } |
| | | // ] |
| | | // }, |
| | | |
| | | // 地图配置 |
| | | // option: { |
| | |
| | | // 自定义tooltip内容 |
| | | const isData = that.fetchData(params.name) |
| | | let isHtml = '' |
| | | for (let i = 0; i < isData.length; i++) { |
| | | isHtml += `<div>${isData[i].name}:${isData[i].value}</div>` |
| | | if(isData) { |
| | | for (let i = 0; i < isData.length; i++) { |
| | | isHtml += `<div>${isData[i].name}:${isData[i].value}</div>` |
| | | } |
| | | }else { |
| | | isHtml += `得分:0` |
| | | } |
| | | return `<div class="tooltip-container"> |
| | | <div class="title">${params.name}</div> |
| | |
| | | that.map.setOption(option) |
| | | that.map.on('click', function (params) { |
| | | if (params.seriesType === 'map3D') { |
| | | console.log('Clicked adcode:', params) |
| | | that.$emit('clickMap', params.name); |
| | | } |
| | | }) |
| | | }, |