插件~使用ECharts动态在地图上标识点~动态添加和删除标识点

简介:

之前写过一个Echarts的文章,没有基础的同学可以先看这<上一篇>,对于一个地图和说,我们在初始化之后,你可能被在地图上标识出一些点,当然这根据你的业务去标识,而如果每次更新数据都加载全部的标识点,这对于性能是有影响的,也是没有必要的,所以我就找了一种动态添加和删除点的方法,即addMarkPoint和delMarkPoint,需要注意的是,如果标识后添加或者删除之后,我们必须要刷新地图,这样你做的操作才可以第一时间响应到地图上来.

测试代码

     //周期调用刷新数据
        setInterval(function () {
            console.log("going");
            //在线,添加点
            myChart.addMarkPoint(2, {
                data: [{ name: "北京" }]
            });

            //离线,添加点
            myChart.addMarkPoint(1, {
                data: [{ name: "天津" }]
            });

            //删除
            myChart.delMarkPoint(2, "北京");

            myChart.refresh();//实时更新到地图
        }, 5000)

效果图

从图中我们看到,添加标识后"北京"之后又删除了"北京",所以在地图上只把"天津"显示出来了.

对于一个框架的研究我们需要有耐心.

对于一个框架的猜测,我们要敢去想,多去尝试!

本文转自博客园张占岭(仓储大叔)的博客,原文链接:插件~使用ECharts动态在地图上标识点~动态添加和删除标识点,如需转载请自行联系原博主。

目录
相关文章
|
2天前
|
缓存 数据可视化 前端开发
使用ECharts实现动态数据可视化的最佳实践
使用ECharts实现动态数据可视化的最佳实践
|
5天前
|
JSON 数据可视化 JavaScript
Echarts地图实现:山东省会员活跃度
使用ECharts展示山东会员活跃度,通过散点图和地图结合,颜色对比强烈,背景深蓝(#020933)、点色明亮黄(#F4E925)。核心代码示例展示了散点、地图及特效散点系列配置。[点击下载](https://download.csdn.net/download/No_Name_Cao_Ni_Mei/89493130)代码和数据。
6 0
Echarts地图实现:山东省会员活跃度
|
5天前
|
JSON JavaScript 前端开发
Echarts地图实现:杭州市困难人数分布
使用ECharts实现杭州困难人数分布地图,结合地区与散点图,动态展示数据变化。支持进入下级区域并返回。预览包含动画效果。关键代码涉及地图初始化、数据加载及事件处理。需`hangzhou-map.json`数据文件。完整代码和资源见链接。
13 0
Echarts地图实现:杭州市困难人数分布
|
1天前
|
数据可视化 JavaScript 前端开发
使用ECharts创建动态数据可视化图表
使用ECharts创建动态数据可视化图表
|
1天前
echarts 热力图(中国地图版)
echarts 热力图(中国地图版)
7 0
|
1天前
echarts 高亮轮廓的中国地图
echarts 高亮轮廓的中国地图
6 0
|
1天前
|
前端开发
大屏自适应/适配方案【详解】(echarts自适配、rem、flexible.js、vscode中px2rem插件自动计算rem)
大屏自适应/适配方案【详解】(echarts自适配、rem、flexible.js、vscode中px2rem插件自动计算rem)
8 0
|
2天前
|
缓存 数据可视化 前端开发
使用ECharts实现动态数据可视化的最佳实践
使用ECharts实现动态数据可视化的最佳实践
|
5天前
|
数据可视化 JavaScript 前端开发
使用ECharts创建动态数据可视化图表
使用ECharts创建动态数据可视化图表
|
8天前
|
JSON JavaScript 定位技术
Echarts自定义地图显示区域,可以显示街道,小区,学校等区域
Echarts自定义地图显示区域,可以显示街道,小区,学校等区域

热门文章

最新文章

相关实验场景

更多