vue2+echarts地图下钻+地图遮盖物散点

一、下载工具

npm i echarts echarts-gl axios -S

-S是生产依赖默认是-S不写也可以 -D是开发依赖

二、引入工具

import * as echarts from "echarts";
import "echarts-gl";
import axios from "axios";

三、HTML部分代码 

<div class="iconText" v-show="address != '100000'">
      <svg
        style="cursor: pointer"
        @click="backMap"
        t="1681180771137"
        class="icon"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="3427"
        width="40"
        height="40"
      >
        <path
          d="M426.666667 384V213.333333l-298.666667 298.666667 298.666667 298.666667v-174.933334c213.333333 0 362.666667 68.266667 469.333333 217.6-42.666667-213.333333-170.666667-426.666667-469.333333-469.333333z"
          p-id="3428"
          fill="#ffffff"
        ></path>
      </svg>
      <span style="font-size: 25px; font-weight: 200; color: #fff; text-shadow: 1px 2px 5px rgba(255, 255,255,.8);font-family: my-self-font;"
        >返回上级地图</span
      >
    </div>
<div class="map-chart" id="mapEchart"></div>

四、data函数中定义的数据 

 data() {
    return {
      // 地图下钻历史记录
      historyMapData: [{ name: "中国", adcode: "100000" }],
      address: "100000",
      addressName: "中国",
      district: "",
      showtab: false,
      scatterList: [],