echart实现地图的逐级钻取

概述

本文讲述在echart下基于行政区划的地图逐级钻取功能。主要实现:
1、点击地图展示下一级地图;
2、通过区域导航可返回上一级地图;

效果

1.png

2.png
3.png

实现代码




    
    map
    



说明:

  1. 数据组织结构如下
    ├─mapdata
    │ ├─china.json
    │ ├─geometryCouties
    │ │ ├─110100.json
    │ │ ├─120100.json
    │ │ └─...
    │ ├─geometryProvince
    │ │ ├─11.json
    │ │ ├─12.json
    │ │ └─...
  2. 数据和源代码可从地址获得。

技术博客
CSDN:http://blog.csdn.NET/gisshixisheng
在线教程
https://edu.csdn.net/course/detail/799
https://edu.csdn.net/course/detail/7471
联系方式

类型 内容
qq 1004740957
公众号 lzugis15
e-mail [email protected]
webgis群 452117357
Android群 337469080
GIS数据可视化群 458292378

“GIS讲堂”知识星球开通了,在星球,我将提供一对一的问答服务,你问我答,期待与你相见。


知识星球二维码
LZUGIS

你可能感兴趣的:(echart实现地图的逐级钻取)