fuliqi
2024-09-20 f69b7ff73aab2174cb17c7c3e4e716c6e5170e56
src/views/screen/components/map.vue
@@ -12,52 +12,58 @@
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: {
@@ -225,8 +231,12 @@
            // 自定义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>
@@ -357,7 +367,7 @@
      that.map.setOption(option)
      that.map.on('click', function (params) {
        if (params.seriesType === 'map3D') {
          console.log('Clicked adcode:', params)
          that.$emit('clickMap', params.name);
        }
      })
    },