使用Pyecharts进行全国水质TDS地图可视化全过程10：地图的下钻，实现省、市、区县的联动

地图生成后是HTML文件。有了省级地图之后，如果我们想链接到市级地图。我们可以自己改一下生成的地图的HTML源代码。

打开要增加链接的地图文件，例如"全国.html"，直接到代码的最后部分，找到这个代码：

然后在这句代码的后面增加增加下面这段代码（一定不要放在最前面，否则会什么都显示不出来，即添加在“

chart_9f7daf28f6ea4ac6bc2391ce2953d14c.setOption(option_9f7daf28f6ea4ac6bc2391ce2953d14c);

”和“</script>”之间）：

<!--注意要把下面这段代码中的chart_后面的一串数字改成自己生成的地图id--> 
        chart_9f7daf28f6ea4ac6bc2391ce2953d14c.on('click', function (param){
            var selected = param.name;
                if (selected) {
                    switch(selected){
                        case '北京':
                            location.href = "./北京地图.html";
                            break;
                        case '上海':
                            location.href = "./上海地图.html";
                            break;
                        #作为示例代码，这里省去了很多内容
                        case '重庆':
                            location.href = "./重庆地图.html";
                            break;
                        default:
                            break;
                    }
 
            }
      });

当然，如果我们有很多地图的时候，要把这些case的地名列出来，可以编程去生成：

# -*- coding:utf-8 -*-

list1 =[
'安庆市',
'蚌埠市',
'亳州市',
'池州市',
'滁州市',
'阜阳市',
'合肥市',
'淮北市',
'淮南市',
'黄山市',
'六安市',
'马鞍山市',
'铜陵市',
'芜湖市',
'宿州市',
'宣城市',
'佛山市',
'广州市',
'河源市',
'惠州市',
'江门市',
'揭阳市',
'茂名市',
'梅州市',
'清远市',
'汕头市',
'汕尾市',
'韶关市',
'深圳市',
'阳江市',
'云浮市',
'湛江市',
'肇庆市',
'珠海市',
'中山市',
'东莞市',
]

list2 =[
'安徽省安庆市',
'安徽省蚌埠市',
'安徽省亳州市',
'安徽省池州市',
'安徽省滁州市',
'安徽省阜阳市',
'安徽省合肥市',
'安徽省淮北市',
'安徽省淮南市',
'安徽省黄山市',
'安徽省六安市',
'安徽省马鞍山市',
'安徽省铜陵市',
'安徽省芜湖市',
'安徽省宿州市',
'安徽省宣城市',
'广东省潮州市',
'广东省佛山市',
'广东省广州市',
'广东省河源市',
'广东省惠州市',
'广东省江门市',
'广东省揭阳市',
'广东省茂名市',
'广东省梅州市',
'广东省清远市',
'广东省汕头市',
'广东省汕尾市',
'广东省韶关市',
'广东省深圳市',
'广东省阳江市',
'广东省云浮市',
'广东省湛江市',
'广东省肇庆市',
'广东省珠海市',
'广东省中山市',
'广东省东莞市',
]


for i in range(len(list1)):
	print("case '"+list1[i]+"':")
	print("    location.href=\"./市级地图/"+list2[i]+"地图.html\";")
	print("    break;")

运行结果：