【Vue基础-数字大屏】地图标记涟漪效果设置

 一、需求说明

将地图中北京市、陕西市、南宁市分别以实心圆、涟漪圆、涟漪圆标记出来

二、代码实践

涉及三个文件

1、App.vue:

<template>
  <Screen1/>
</template>
<script>
import Screen1 from "./components/Screen1.vue";
export default{
  components:{
    Screen1
  }
}
</script>

2、roma.js

export let cmap=
{//粘贴地图数据，此处省略}

3、Screen1.vue

<template>
    <div class="about"> 
        <h1>中国地图</h1>
        <div id="myecharts" ref="demoh"></div>
    </div>
</template>
<script>
import * as echarts from "echarts";
// 引用的就是中国各省份的矢量数据
import {cmap} from "../assets/roma.js"

export default {