pyecharts+JS+CSS实现地图分页显示

一、背景

用pyecharts绘制地图，只能绘制出单规格的地图，如maptype='china'的地图。下图就是用pyecharts绘制的中国地图，红点可以看成某特征的分布情况，在图中可以看出广东省的红点分布明显多于其他省份，如果现在要继续细致区分广东省内各个城市的红色点分布，在这个图中就做不到了

 百度了一下，网上对于我刚刚提到的需求，用的都是三级联动进行处理，简单来说就是来了先展示全国地图，如果你想看哪个省份的，单击一下就跳转到对应省份，再想看省份下某个城市的，继续单击即可。找了几个例子研究了一下，发现有点难弄，然后就没有然后.....

后来换了个思路，我其实只是想看特定三个维度的地图：全国、广东省、广州市，如果我做成了三个分页展示不就行了？网上搜了一下，发现JS+CSS实现简易的滑动门效果代码，然后就开始了尝试。

二、整体思路

1、首先还是用pyecharts分别将全国、广东省、广州市的三个地图绘制出来，保存为html文件；

2、修改html文件，将三个地图文件合在一起，实现滑动门效果（实际上，我把onmouseover改成了button，个人喜好）。

最后实现的效果如下图，做三个按钮，点击对应按钮即显示对应的地图