echarts 地图和地图上的散点图

实现地图使用echart.js和china.js;这两个东西使用npm install echarts 安装的包里可以找到；

1 地图

 var data = [
    {name: '北京',value: 100},
    {name: '天津',value: 100},
    {name: '上海',value: 100},
    {name: '重庆',value: 100}
  ];

  var myChart=echarts.init(document.getElementById('map_1'));

  var optionMap = {
    backgroundColor: '#404a59',
    tooltip: {
      show: true
    },
    series: [
      {
        type: 'map',
        mapType: 'china',
        data: data
      }
    ]
  };

  //使用制定的配置项和数据显示图表
  myChart.setOption(optionMap);

2 地图上的散点图

 // 一种后台传来的数据带有坐标，一种是前台保存坐标
  
  var data = [
    {name:'泉州',value:300},
    {name:'厦门',value:200},
    {name:'福州',value:100},
    {name:'苏州',value:150}
  ];

  // 位置对应的坐标
  var geoCoordMap = {
    "泉州":[118.58,24.93],
    "厦门":[118.1,24.4