echarts地图三级联动

最新推荐文章于 2024-08-05 05:00:00 发布

IT_小草

最新推荐文章于 2024-08-05 05:00:00 发布

阅读量5.8k

点赞数

分类专栏：前端文章标签：前端地图 echarts

本文链接：https://blog.csdn.net/IT_xiaocao/article/details/78675737

版权

本文介绍如何使用Echarts库创建具有三级联动功能的地图，包括数据加载、配置项设置和交互操作等关键步骤，帮助读者理解并实现类似效果。

摘要由CSDN通过智能技术生成

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta charset="utf-8">

    
    <title>全国地图</title>
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="js/echarts/dist/echarts.js"></script>
	<script type="text/javascript" src="js/echarts/dist/echarts-all.js"></script>
	<script type="text/javascript" src="js/china-main-city/china-main-city-map.js"></script> 
<script type="text/javascript">
	var province = [
                {name: '北京', selected:false},
                {name: '天津', selected:false},
                {name: '上海', selected:false},
                {name: '重庆', selected:false},
                {name: '河北', selected:false},
                {name: '河南', selected:false},
                {name: '云南', selected:false},
                {name: '辽宁', selected:false},
                {name: '黑龙江', selected:false},
                {name: '湖南', selected:false},
                {name: '安徽', selected:false},
                {name: '山东', selected:false},
                {name: '新疆', selected:false},
                {name: '江苏', selected:false},
                {name: '浙江', selected:false},
                {name: '江西', selected:false},
                {name: '湖北', selected:false},
                {name: '广西', selected:false},
                {name: '甘肃', selected:false},
                {name: '山西', selected:false},
                {name: '内蒙古', selected:false},
                {name: '陕西', selected:false},
                {name: '吉林', selected:false},
                {name: '福建', selected:false},
                {name: '贵州', selected:false},
                {name: '广东', selected:false},
                {name: '青海', selected:false},
                {name: '西藏', selected:false},
                {name: '四川', selected:false},
                {name: '