Echarts地图高级开发:下钻交互菜单操作按钮(1)

简介: Echarts地图高级开发:下钻交互菜单操作按钮(1)

CSS样式表

        #menu {
            width: 180px;
            position: relative;
            top: 50px;
        }

点击选择所属省份的链接

<!--交互菜单-->
<div id="menu">
    <span><a href="#" onclick="getCity('shanghai', '上海');">上海</a></span>
    <span><a href="#" onclick="getCity('hebei', '河北');">河北</a></span>
    <span><a href="#" onclick="getCity('neimenggu', '内蒙古');">内蒙古</a></span>
    <span><a href="#" onclick="getCity('zhejiang', '浙江');">浙江</a></span>
</div>

执行封装函数

//构建交互操作菜单;by poleng 2020.09.10
function getCity(provinces, provincesText) {
    //显示返回按钮;
    $('#back').removeClass('hidden');
    mapName = provincesText;
    //显示选择的省份;
    if (provinces) {
        showProvince(provinces, provincesText);
    }
}


Done!

相关文章
|
27天前
Echarts5.0——点击还原按钮图形空白问题
Echarts5.0——点击还原按钮图形空白问题
26 0
|
21天前
|
数据可视化
Echarts数据可视化开发| 移动效能平台附源码
Echarts数据可视化开发| 移动效能平台附源码
|
21天前
|
数据可视化
Echarts数据可视化开发| 智慧数据平台
Echarts数据可视化开发| 智慧数据平台
|
21天前
|
数据可视化
Echarts数据可视化开发| 智慧营业厅
Echarts数据可视化开发| 智慧营业厅
|
21天前
|
数据可视化
Echarts数据可视化大屏开发| 大数据分析平台
Echarts数据可视化大屏开发| 大数据分析平台
|
21天前
Echarts大屏开发| 智慧物流系统
Echarts大屏开发| 智慧物流系统
|
21天前
Echarts大屏开发|数字化电商场景
Echarts大屏开发|数字化电商场景
|
21天前
Echarts大屏开发|前后台通用场景
Echarts大屏开发|前后台通用场景
|
3月前
|
JSON 数据可视化 JavaScript
Echarts地图实现:山东省会员活跃度
使用ECharts展示山东会员活跃度,通过散点图和地图结合,颜色对比强烈,背景深蓝(#020933)、点色明亮黄(#F4E925)。核心代码示例展示了散点、地图及特效散点系列配置。[点击下载](https://download.csdn.net/download/No_Name_Cao_Ni_Mei/89493130)代码和数据。
47 0
Echarts地图实现:山东省会员活跃度
|
3月前
|
JSON JavaScript 前端开发
Echarts地图实现:杭州市困难人数分布
使用ECharts实现杭州困难人数分布地图,结合地区与散点图,动态展示数据变化。支持进入下级区域并返回。预览包含动画效果。关键代码涉及地图初始化、数据加载及事件处理。需`hangzhou-map.json`数据文件。完整代码和资源见链接。
58 0
Echarts地图实现:杭州市困难人数分布

热门文章

最新文章

下一篇
DDNS