echart绘制地图(全国分布)中所需要的数据格式是怎样的，需要城市经纬度吗?

Question

项目中需要绘制用户的全国分布表，看了echart官方的几个例子，有的用到了城市的经纬度,有个微博例子不是很清楚返回的格式，所以想请教下是不是需要城市的经纬度还是坐标值什么的?具体例子：http://echarts.baidu.com/demo...http://echarts.baidu.com/demo...

Answer 1

你需要三个东西

1. 中国地图，可以去官方下载

2. 需要城市坐标

3. 城市数据

随便给你点你看看

import echarts from 'echarts'

import chinaJson from '../assets/china.json'

const geoCoordMap = {

  "海门": [121.15, 31.89],

  "鄂尔多斯": [109.781327, 39.608266]

}

const option = {

  series: [

    {

      name: '薪资',

      type: 'scatter',

      coordinateSystem: 'geo',

      data: convertData([

        { name: "天津", value: "6470" },

        { name: "广州", value: "8890" },

        { name: "深圳", value: "10810" },

        { name: "北京", value: "15030" },

        { name: "上海", value: "13440" },

        { name: "南京", value: "7880" },

   }]

}

之后配置一下地图 

const myChart = echarts.init(document.getElementById('main'))

echarts.registerMap('china', chinaJson);

myChart.setOption(option)