Vue.js 疫情地图项目

最终效果图

主要的.vue文件

<template>
  <div class="hello" >
<!--    初始化echarts需要个有宽高的盒子-->
   <div ref="mapbox" style="height:400px;width:600px"></div>
  </div>
</template>

<script>
  import echarts from 'echarts'
  import 'echarts/map/js/china'
  import jsonp from 'jsonp'
  // const option = {
   
  //   xAxis: {
   
  //     type: 'category',
  //     data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  //   },
  //   yAxis: {
   
  //     type: 'value'
  //   },
  //   series: [{
   
  //     data: [820, 932, 901, 934, 1290, 1330, 1320],
  //     type: 'line'
  //   }]
  // };

  const option={
   
    title:{
   
      text:"疫情地图",
      link:"https://baidu.com",
      subtext:"疫情地图",
      sublink:"https://baidu.com"

    },
    se