本文展示了如何使用Echarts3绘制浙江省地图并实现点击省市区县进行下钻的效果。通过加载json数据，注册地图，监听地图点击事件，动态更新地图配置来完成这一功能。
最近由于项目需要，研究关于echarts3弄了个地图下钻，废话不说，值接上代码。
<title>浙江省地图下钻至县级</title>
<link rel="stylesheet" type="text/css" href="static/css/main.css">
<!-- Echarts3 -->
<script type="text/javascript" src="static/js/echarts.min.js"></script>
<script type="text/javascript" src="static/js/citymap.js"></script>
</head>
<body>
<div id="main" style="width: 100%;height:800px;"></div>
<script type="text/javascript" src="static/js/jquery.min.js"></script>
<script type="text/javascript" src="static/js/app.js"></script>
js文件
//地图容器
var chart = echarts.init(document.getElementById('main'));
var mapdata = [];
var cityMap = {
"杭州市": "330100",
"宁波市": "330200",
最低0.47元/天 解锁文章
扫一扫
332
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
