vue+echarts+json绘制地图“绝对干货”

该样式实现及其简单

地图下载地址
datav.aliyun.com/tools/atlas…

//引入页面
import echarts from 'echarts'
import JSON from './jiaxing.json'

//创建容器
<div class="left_center_map" id="main">

//代码最重要的地方
mounted () {
    this.leftCenterMap()
  },
  methods: {
    leftCenterMap () {
      var myChart = echarts.init(document.getElementById('main')) // 拿到一个实例
      echarts.registerMap('嘉兴市', JSON, {})//引入地图文件
      console.log(JSON)
      var option = {
        series: [
          {
            type: 'map',
            mapType: '嘉兴市'//地图名称

          }]
      }
      myChart.setOption(option)
    }
  }