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

 一、需求说明

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

二、代码实践

涉及三个文件

1、App.vue:

2、roma.js

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

3、Screen1.vue

三、效果展示

四、知识技巧

1、geo   地理坐标系组件，地理坐标系组件用于地图的绘制  

2、涟漪效果

type: "effectScatter", //采用涟漪效果
//设置涟漪效果
rippleEffect:{
number:2,//波动
scale:4,//大小
},

五、学习教程

https://www.bilibili.com/video/BV14u411D7qK?p=36&vd_source=841fee104972680a6cac4dbdbf144b50