预览

6FABB398-2AE0-431a-8B43-2AEAAE96A957.png

最终效果如上

组件制作

visual/index.vue

<template>
  <section class="visual-map">
    <div
      ref="chart"
      style="width:882px; height:740px; margin: auto"
    />
  </section>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import echarts from 'echarts'
import allCity from './allCity'
import option from './option'

@Component
export default class VisualMap extends Vue {

  private chart: any = {}
  private option: any = {}

  private created () {
    this.init()
  }

  private mounted () {
    this.chart = echarts.init(this.$refs.chart)
  }

  private init () {
    this.option = option
  }

  public setData (seriesData: any) {
    if (seriesData.country === '中国') {
      this.option.geo.map = 'china'
    } else {
      this.option.geo.map = 'world'
    }

    // 绘制已经起飞完成的线
    const series: Array<object> = []
    this.cityRender(seriesData.items, series)
    this.lineRender(seriesData.items, series)
    this.option.series = series
    this.onRender()
  }

  private cityRender (items: Array<object>, series: Array<object>) { // 绘制城市
    // 区域去重
    const city: Set<string> = new Set()
    items.forEach((item: any) => {
      city.add(item.from.trim())
      city.add(item.to.trim())
    })

    city.forEach((item: any) => {
      const cityOption: any = allCity.find((v: any) => v.name === item)
      if (!cityOption) {
        console.log(`${item}：绘制城市-此项不存在`)
        return
      }
      series.push({
        type: 'effectScatter',
        coordinateSystem: 'geo',
        zlevel: 4,
        symbolSize: 10,
        rippleEffect: {
          scale: 10,
          brushType: 'stroke'
        },
        data: [
          {
            name: cityOption.name,
            value: cityOption.coords,
            visualMap: false
          }
        ]
      })
    })
  }

  private lineRender (items: Array<object>, series: Array<object>) { // 绘制线路
    // 绘制已经起飞完成的线
    items.forEach((item: any) => {
      const fromCity: any = allCity.find((v: any) => v.name === item.from.trim())
      const toCity: any = allCity.find((v: any) => v.name === item.to.trim())

      if (!fromCity) {
        console.log(`${item.from}：绘制线路-此项不存在`)
        return
      }
      if (!toCity) {
        console.log(`${item.to}：绘制线路-此项不存在`)
        return
      }

      series.push({
        name: item.to_name + ': ' + item.value + '次',
        type: 'lines',
        zlevel: 2,
        effect: {
          show: true,
          period: 4, // 箭头指向速度，值越小速度越快
          trailLength: 0.02, // 特效尾迹长度[0,1]值越大，尾迹越长重
          symbol: 'arrow', // 箭头图标
          symbolSize: 5, // 图标大小
        },
        lineStyle: {
          normal: {
            // color: fromCity.color,
            width: 2,
            opacity: 0.4,
            curveness: -0.2
          }
        },
        data: [
          {
            fromName: item.from,
            toName: item.to,
            coords: [fromCity.coords, toCity.coords]
          }
        ]
      })
    })
  }

  private onRender () {
    this.chart.setOption(this.option, true)
  }

}
</script>

1. 这里需要注意的是我们使用的是geo映射effectScatter
2. 利用了effect制作了循环的箭头攻击视觉
3. 遍历所有的数据绘制攻击线路
4. 去重城市，并且绘制城市

visual/option.ts

export default {
  backgroundColor: '',
  tooltip: {
    trigger: 'item'
  },
  geo: {
    map: 'china',
    zoom: 1,
    label: {
      emphasis: {
        show: false
      }
    },
    roam: true,
    itemStyle: {
      normal: {
        borderColor: 'rgba(147, 235, 248, 1)',
        borderWidth: 1,
        areaColor: {
          type: 'radial',
          x: 0.5,
          y: 0.5,
          r: 0.8,
          colorStops: [
            {
              offset: 0,
              color: 'rgba(147, 235, 248, 0)' // 0% 处的颜色
            },
            {
              offset: 1,
              color: 'rgba(147, 235, 248, .2)' // 100% 处的颜色
            }
          ],
          globalCoord: false // 缺省为 false
        },
        shadowColor: 'rgba(128, 217, 248, 1)',
        // shadowColor: 'rgba(255, 255, 255, 1)',
        shadowOffsetX: -2,
        shadowOffsetY: 2,
        shadowBlur: 10
      },
      emphasis: {
        areaColor: '#389BB7',
        borderWidth: 0
      }
    }
  },
  series: []
}

这里是常规配置，需要注意的是要类似上文一般引入地图的数据，切换也是更改geo

不过在切换中必须有effect绘制否则会有残影留在canvas中

例子中使用的数据

visual/allCity.ts

const chinaGeo: Array<object> = [
  {
    name: '黑龙江',
    coords: [127.9688, 45.368],
    color: '#FFF68F'
  },
  {
    name: '内蒙古',
    coords: [110.3467, 41.4899],
    color: '#FFEFD5'
  },
  {
    name: '吉林',
    coords: [125.8154, 44.2584],
    color: '#FFE4E1'
  },
  {
    name: '北京市',
    coords: [116.4551, 40.2539],
    color: '#FFDEAD'
  },
  {
    name: '辽宁',
    coords: [123.1238, 42.1216],
    color: '#FFC1C1'
  },
  {
    name: '河北',
    coords: [114.4995, 38.1006],
    color: '#FFB90F'
  },
  {
    name: '天津',
    coords: [117.4219, 39.4189],
    color: '#FFA54F'
  },
  {
    name: '山西',
    coords: [112.3352, 37.9413],
    color: '#FF8C00'
  },
  {
    name: '陕西',
    coords: [109.1162, 34.2004],
    color: '#FF7F50'
  },
  {
    name: '甘肃',
    coords: [103.5901, 36.3043],
    color: '#FF6EB4'
  },
  {
    name: '宁夏',
    coords: [106.3586, 38.1775],
    color: '#FF4500'
  },
  {
    name: '青海',
    coords: [101.4038, 36.8207],
    color: '#FF3030'
  },
  {
    name: '新疆',
    coords: [87.9236, 43.5883],
    color: '#FFF5EE'
  },
  {
    name: '西藏',
    coords: [91.11, 29.97],
    color: '#FFEC8B'
  },
  {
    name: '四川',
    coords: [103.9526, 30.7617],
    color: '#FFE4C4'
  },
  {
    name: '山东',
    coords: [117.1582, 36.8701],
    color: '#FFDAB9'
  },
  {
    name: '河南',
    coords: [113.4668, 34.6234],
    color: '#FFC125'
  },
  {
    name: '江苏',
    coords: [118.8062, 31.9208],
    color: '#FFB6C1'
  },
  {
    name: '安徽',
    coords: [117.29, 32.0581],
    color: '#FFA500'
  },
  {
    name: '湖北',
    coords: [114.3896, 30.6628],
    color: '#FF83FA'
  },
  {
    name: '浙江',
    coords: [119.5313, 29.8773],
    color: '#FF7F24'
  },
  {
    name: '福建',
    coords: [119.4543, 25.9222],
    color: '#FF6A6A'
  },
  {
    name: '江西',
    coords: [116.0046, 28.6633],
    color: '#FF4040'
  },
  {
    name: '湖南',
    coords: [113.0823, 28.2568],
    color: '#FF83FA'
  },
  {
    name: '贵州',
    coords: [106.6992, 26.7682],
    color: '#ADADAD'
  },
  {
    name: '云南',
    coords: [102.9199, 25.4663],
    color: '#A9A9A9'
  },
  {
    name: '广东',
    coords: [113.12244, 23.009505],
    color: '#A4D3EE'
  },
  {
    name: '广西',
    coords: [108.479, 23.1152],
    color: '#A1A1A1'
  },
  {
    name: '海南',
    coords: [110.3893, 19.8516],
    color: '#9F79EE'
  },
  {
    name: '上海',
    coords: [121.4648, 31.2891],
    color: '#9B30FF'
  },
  {
    name: '澳门',
    coords: [113.54, 22.19],
    color: '#9A32CD'
  },
  {
    name: '北京',
    coords: [116.40, 40.40],
    color: '#98F5FF'
  },
  {
    name: '重庆',
    coords: [107.51, 29.63],
    color: '#949494'
  },
  {
    name: '香港',
    coords: [114.17, 22.32],
    color: '#912CEE'
  },
  {
    name: '台湾',
    coords: [121.01, 23.54],
    color: '#8EE5EE'
  },
  {
    name: '内蒙',
    coords: [112.17, 42.81],
    color: '#8DEEEE'
  },
]

const worldGeo: Array<object> = [
  { name: '阿富汗', coords: [67.709953, 33.93911], color: '#FFF68F' },
  { name: '安哥拉', coords: [17.873887, -11.202692], color: '#FFF68F' },
  { name: '阿尔巴尼亚', coords: [20.168331, 41.153332], color: '#FFF68F' },
  { name: '阿联酋', coords: [53.847818, 23.424076], color: '#FFF68F' },
  { name: '阿根廷', coords: [-63.61667199999999, -38.416097], color: '#FFF68F' },
  { name: '亚美尼亚', coords: [45.038189, 40.069099], color: '#FFF68F' },
  { name: '法属南半球和南极领地', coords: [69.348557, -49.280366], color: '#FFF68F' },
  { name: '澳大利亚', coords: [133.775136, -25.274398], color: '#FFF68F' },
  { name: '奥地利', coords: [14.550072, 47.516231], color: '#FFF68F' },
  { name: '阿塞拜疆', coords: [47.576927, 40.143105], color: '#FFF68F' },
  { name: '布隆迪', coords: [29.918886, -3.373056], color: '#FFF68F' },
  { name: '比利时', coords: [4.469936, 50.503887], color: '#FFF68F' },
  { name: '贝宁', coords: [2.315834, 9.30769], color: '#FFF68F' },
  { name: '布基纳法索', coords: [-1.561593, 12.238333], color: '#FFF68F' },
  { name: '孟加拉国', coords: [90.356331, 23.684994], color: '#FFF68F' },
  { name: '保加利亚', coords: [25.48583, 42.733883], color: '#FFF68F' },
  { name: '巴哈马', coords: [-77.39627999999999, 25.03428], color: '#FFF68F' },
  { name: '波斯尼亚和黑塞哥维那', coords: [17.679076, 43.915886], color: '#FFF68F' },
  { name: '白俄罗斯', coords: [27.953389, 53.709807], color: '#FFF68F' },
  { name: '伯利兹', coords: [-88.49765, 17.189877], color: '#FFF68F' },
  { name: '百慕大', coords: [-64.7505, 32.3078], color: '#FFF68F' },
  { name: '玻利维亚', coords: [-63.58865299999999, -16.290154], color: '#FFF68F' },
  { name: '巴西', coords: [-51.92528, -14.235004], color: '#FFF68F' },
  { name: '文莱', coords: [114.727669, 4.535277], color: '#FFF68F' },
  { name: '不丹', coords: [90.433601, 27.514162], color: '#FFF68F' },
  { name: '博茨瓦纳', coords: [24.684866, -22.328474], color: '#FFF68F' },
  { name: '中非共和国', coords: [20.939444, 6.611110999999999], color: '#FFF68F' },
  { name: '加拿大', coords: [-106.346771, 56.130366], color: '#FFF68F' },
  { name: '瑞士', coords: [8.227511999999999, 46.818188], color: '#FFF68F' },
  { name: '智利', coords: [-71.542969, -35.675147], color: '#FFF68F' },
  { name: '中国', coords: [104.195397, 35.86166], color: '#FFF68F' },
  { name: '象牙海岸', coords: [-5.547079999999999, 7.539988999999999], color: '#FFF68F' },
  { name: '喀麦隆', coords: [12.354722, 7.369721999999999], color: '#FFF68F' },
  { name: '刚果民主共和国', coords: [21.758664, -4.038333], color: '#FFF68F' },
  { name: '刚果共和国', coords: [15.827659, -0.228021], color: '#FFF68F' },
  { name: '哥伦比亚', coords: [-74.297333, 4.570868], color: '#FFF68F' },
  { name: '哥斯达黎加', coords: [-83.753428, 9.748916999999999], color: '#FFF68F' },
  { name: '古巴', coords: [-77.781167, 21.521757], color: '#FFF68F' },
  { name: '北塞浦路斯', coords: [33.429859, 35.126413], color: '#FFF68F' },
  { name: '塞浦路斯', coords: [33.429859, 35.126413], color: '#FFF68F' },
  { name: '捷克共和国', coords: [15.472962, 49.81749199999999], color: '#FFF68F' },
  { name: '德国', coords: [10.451526, 51.165691], color: '#FFF68F' },
  { name: '吉布提', coords: [42.590275, 11.825138], color: '#FFF68F' },
  { name: '丹麦', coords: [9.501785, 56.26392], color: '#FFF68F' },
  { name: '多明尼加共和国', coords: [-70.162651, 18.735693], color: '#FFF68F' },
  { name: '阿尔及利亚', coords: [1.659626, 28.033886], color: '#FFF68F' },
  { name: '厄瓜多尔', coords: [-78.18340599999999, -1.831239], color: '#FFF68F' },
  { name: '埃及', coords: [30.802498, 26.820553], color: '#FFF68F' },
  { name: '厄立特里亚', coords: [39.782334, 15.179384], color: '#FFF68F' },
  { name: '西班牙', coords: [-3.74922, 40.46366700000001], color: '#FFF68F' },
  { name: '爱沙尼亚', coords: [25.013607, 58.595272], color: '#FFF68F' },
  { name: '埃塞俄比亚', coords: [40.489673, 9.145000000000001], color: '#FFF68F' },
  { name: '芬兰', coords: [25.748151, 61.92410999999999], color: '#FFF68F' },
  { name: '斐', coords: [178.065032, -17.713371], color: '#FFF68F' },
  { name: '福克兰群岛', coords: [-59.523613, -51.796253], color: '#FFF68F' },
  { name: '法国', coords: [2.213749, 46.227638], color: '#FFF68F' },
  { name: '加蓬', coords: [11.609444, -0.803689], color: '#FFF68F' },
  { name: '英国', coords: [-3.435973, 55.378051], color: '#FFF68F' },
  { name: '格鲁吉亚', coords: [-82.9000751, 32.1656221], color: '#FFF68F' },
  { name: '加纳', coords: [-1.023194, 7.946527], color: '#FFF68F' },
  { name: '几内亚', coords: [-9.696645, 9.945587], color: '#FFF68F' },
  { name: '冈比亚', coords: [-15.310139, 13.443182], color: '#FFF68F' },
  { name: '几内亚比绍', coords: [-15.180413, 11.803749], color: '#FFF68F' },
  { name: '赤道几内亚', coords: [10.267895, 1.650801], color: '#FFF68F' },
  { name: '希腊', coords: [21.824312, 39.074208], color: '#FFF68F' },
  { name: '格陵兰', coords: [-42.604303, 71.706936], color: '#FFF68F' },
  { name: '危地马拉', coords: [-90.23075899999999, 15.783471], color: '#FFF68F' },
  { name: '法属圭亚那', coords: [-53.125782, 3.933889], color: '#FFF68F' },
  { name: '圭亚那', coords: [-58.93018, 4.860416], color: '#FFF68F' },
  { name: '洪都拉斯', coords: [-86.241905, 15.199999], color: '#FFF68F' },
  { name: '克罗地亚', coords: [15.2, 45.1], color: '#FFF68F' },
  { name: '海地', coords: [-72.285215, 18.971187], color: '#FFF68F' },
  { name: '匈牙利', coords: [19.503304, 47.162494], color: '#FFF68F' },
  { name: '印尼', coords: [113.921327, -0.789275], color: '#FFF68F' },
  { name: '印度', coords: [78.96288, 20.593684], color: '#FFF68F' },
  { name: '爱尔兰', coords: [-8.24389, 53.41291], color: '#FFF68F' },
  { name: '伊朗', coords: [53.688046, 32.427908], color: '#FFF68F' },
  { name: '伊拉克', coords: [43.679291, 33.223191], color: '#FFF68F' },
  { name: '冰岛', coords: [-19.020835, 64.963051], color: '#FFF68F' },
  { name: '以色列', coords: [34.851612, 31.046051], color: '#FFF68F' },
  { name: '意大利', coords: [12.56738, 41.87194], color: '#FFF68F' },
  { name: '牙买加', coords: [-77.297508, 18.109581], color: '#FFF68F' },
  { name: '约旦', coords: [36.238414, 30.585164], color: '#FFF68F' },
  { name: '日本', coords: [138.252924, 36.204824], color: '#FFF68F' },
  { name: '哈萨克斯坦', coords: [66.923684, 48.019573], color: '#FFF68F' },
  { name: '肯尼亚', coords: [37.906193, -0.023559], color: '#FFF68F' },
  { name: '吉尔吉斯斯坦', coords: [74.766098, 41.20438], color: '#FFF68F' },
  { name: '柬埔寨', coords: [104.990963, 12.565679], color: '#FFF68F' },
  { name: '韩国', coords: [127.766922, 35.907757], color: '#FFF68F' },
  { name: '科索沃', coords: [20.902977, 42.6026359], color: '#FFF68F' },
  { name: '科威特', coords: [47.481766, 29.31166], color: '#FFF68F' },
  { name: '老挝', coords: [102.495496, 19.85627], color: '#FFF68F' },
  { name: '黎巴嫩', coords: [35.862285, 33.854721], color: '#FFF68F' },
  { name: '利比里亚', coords: [-9.429499000000002, 6.428055], color: '#FFF68F' },
  { name: '利比亚', coords: [17.228331, 26.3351], color: '#FFF68F' },
  { name: '斯里兰卡', coords: [80.77179699999999, 7.873053999999999], color: '#FFF68F' },
  { name: '莱索托', coords: [28.233608, -29.609988], color: '#FFF68F' },
  { name: '立陶宛', coords: [23.881275, 55.169438], color: '#FFF68F' },
  { name: '卢森堡', coords: [6.129582999999999, 49.815273], color: '#FFF68F' },
  { name: '拉脱维亚', coords: [24.603189, 56.879635], color: '#FFF68F' },
  { name: '摩洛哥', coords: [-7.092619999999999, 31.791702], color: '#FFF68F' },
  { name: '摩尔多瓦', coords: [28.369885, 47.411631], color: '#FFF68F' },
  { name: '马达加斯加', coords: [46.869107, -18.766947], color: '#FFF68F' },
  { name: '墨西哥', coords: [-102.552784, 23.634501], color: '#FFF68F' },
  { name: '马其顿', coords: [21.745275, 41.608635], color: '#FFF68F' },
  { name: '马里', coords: [-3.996166, 17.570692], color: '#FFF68F' },
  { name: '缅甸', coords: [95.956223, 21.913965], color: '#FFF68F' },
  { name: '黑山', coords: [19.37439, 42.708678], color: '#FFF68F' },
  { name: '蒙古', coords: [103.846656, 46.862496], color: '#FFF68F' },
  { name: '莫桑比克', coords: [35.529562, -18.665695], color: '#FFF68F' },
  { name: '毛里塔尼亚', coords: [-10.940835, 21.00789], color: '#FFF68F' },
  { name: '马拉维', coords: [34.301525, -13.254308], color: '#FFF68F' },
  { name: '马来西亚', coords: [101.975766, 4.210484], color: '#FFF68F' },
  { name: '纳米比亚', coords: [18.49041, -22.95764], color: '#FFF68F' },
  { name: '新喀里多尼亚', coords: [165.618042, -20.904305], color: '#FFF68F' },
  { name: '尼日尔', coords: [8.081666, 17.607789], color: '#FFF68F' },
  { name: '尼日利亚', coords: [8.675277, 9.081999], color: '#FFF68F' },
  { name: '尼加拉瓜', coords: [-85.207229, 12.865416], color: '#FFF68F' },
  { name: '荷兰', coords: [5.291265999999999, 52.132633], color: '#FFF68F' },
  { name: '挪威', coords: [8.468945999999999, 60.47202399999999], color: '#FFF68F' },
  { name: '尼泊尔', coords: [84.12400799999999, 28.394857], color: '#FFF68F' },
  { name: '新西兰', coords: [174.885971, -40.900557], color: '#FFF68F' },
  { name: '阿曼', coords: [55.923255, 21.512583], color: '#FFF68F' },
  { name: '巴基斯坦', coords: [69.34511599999999, 30.375321], color: '#FFF68F' },
  { name: '巴拿马', coords: [-80.782127, 8.537981], color: '#FFF68F' },
  { name: '秘鲁', coords: [-75.015152, -9.189967], color: '#FFF68F' },
  { name: '菲律宾', coords: [121.774017, 12.879721], color: '#FFF68F' },
  { name: '巴布亚新几内亚', coords: [143.95555, -6.314992999999999], color: '#FFF68F' },
  { name: '波兰', coords: [19.145136, 51.919438], color: '#FFF68F' },
  { name: '波多黎各', coords: [-66.590149, 18.220833], color: '#FFF68F' },
  { name: '北朝鲜', coords: [127.510093, 40.339852], color: '#FFF68F' },
  { name: '葡萄牙', coords: [-8.224454, 39.39987199999999], color: '#FFF68F' },
  { name: '巴拉圭', coords: [-58.443832, -23.442503], color: '#FFF68F' },
  { name: '卡塔尔', coords: [51.183884, 25.354826], color: '#FFF68F' },
  { name: '罗马尼亚', coords: [24.96676, 45.943161], color: '#FFF68F' },
  { name: '俄罗斯', coords: [105.318756, 61.52401], color: '#FFF68F' },
  { name: '卢旺达', coords: [29.873888, -1.940278], color: '#FFF68F' },
  { name: '西撒哈拉', coords: [-12.885834, 24.215527], color: '#FFF68F' },
  { name: '沙特阿拉伯', coords: [45.079162, 23.885942], color: '#FFF68F' },
  { name: '苏丹', coords: [30.217636, 12.862807], color: '#FFF68F' },
  { name: '南苏丹', coords: [31.3069788, 6.876991899999999], color: '#FFF68F' },
  { name: '塞内加尔', coords: [-14.452362, 14.497401], color: '#FFF68F' },
  { name: '所罗门群岛', coords: [160.156194, -9.64571], color: '#FFF68F' },
  { name: '塞拉利昂', coords: [-11.779889, 8.460555], color: '#FFF68F' },
  { name: '萨尔瓦多', coords: [-88.89653, 13.794185], color: '#FFF68F' },
  { name: '索马里兰', coords: [46.8252838, 9.411743399999999], color: '#FFF68F' },
  { name: '索马里', coords: [46.199616, 5.152149], color: '#FFF68F' },
  { name: '塞尔维亚共和国', coords: [21.005859, 44.016521], color: '#FFF68F' },
  { name: '苏里南', coords: [-56.027783, 3.919305], color: '#FFF68F' },
  { name: '斯洛伐克', coords: [19.699024, 48.669026], color: '#FFF68F' },
  { name: '斯洛文尼亚', coords: [14.995463, 46.151241], color: '#FFF68F' },
  { name: '瑞典', coords: [18.643501, 60.12816100000001], color: '#FFF68F' },
  { name: '斯威士兰', coords: [31.465866, -26.522503], color: '#FFF68F' },
  { name: '叙利亚', coords: [38.996815, 34.80207499999999], color: '#FFF68F' },
  { name: '乍得', coords: [18.732207, 15.454166], color: '#FFF68F' },
  { name: '多哥', coords: [0.824782, 8.619543], color: '#FFF68F' },
  { name: '泰国', coords: [100.992541, 15.870032], color: '#FFF68F' },
  { name: '塔吉克斯坦', coords: [71.276093, 38.861034], color: '#FFF68F' },
  { name: '土库曼斯坦', coords: [59.556278, 38.969719], color: '#FFF68F' },
  { name: '东帝汶', coords: [125.727539, -8.874217], color: '#FFF68F' },
  { name: '特里尼达和多巴哥', coords: [-61.222503, 10.691803], color: '#FFF68F' },
  { name: '突尼斯', coords: [9.537499, 33.886917], color: '#FFF68F' },
  { name: '土耳其', coords: [35.243322, 38.963745], color: '#FFF68F' },
  { name: '坦桑尼亚联合共和国', coords: [34.888822, -6.369028], color: '#FFF68F' },
  { name: '乌干达', coords: [32.290275, 1.373333], color: '#FFF68F' },
  { name: '乌克兰', coords: [31.16558, 48.379433], color: '#FFF68F' },
  { name: '乌拉圭', coords: [-55.765835, -32.522779], color: '#FFF68F' },
  { name: '美国', coords: [-95.712891, 37.09024], color: '#FFF68F' },
  { name: '乌兹别克斯坦', coords: [64.585262, 41.377491], color: '#FFF68F' },
  { name: '委内瑞拉', coords: [-66.58973, 6.42375], color: '#FFF68F' },
  { name: '越南', coords: [108.277199, 14.058324], color: '#FFF68F' },
  { name: '瓦努阿图', coords: [166.959158, -15.376706], color: '#FFF68F' },
  { name: '西岸', coords: [35.3027226, 31.9465703], color: '#FFF68F' },
  { name: '也门', coords: [48.516388, 15.552727], color: '#FFF68F' },
  { name: '南非', coords: [22.937506, -30.559482], color: '#FFF68F' },
  { name: '赞比亚', coords: [27.849332, -13.133897], color: '#FFF68F' },
  { name: '津巴布韦', coords: [29.154857, -19.015438], color: '#FFF68F' },
  { name: '澳门', coords: [113.5, 22.2], color: '#FFF68F' },
  { name: '新加坡', coords: [103.811032, 1.364418], color: '#FFF68F' },
  { name: '印度尼西亚', coords: [119.730443, -5.640499], color: '#FFF68F' },
  { name: '刚果（金）', coords: [21.23189, -3.79294], color: '#FFF68F' },
]

export default [
  ...chinaGeo,
  ...worldGeo
]