使用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;")

运行结果：

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

使用Pyecharts进行全国水质TDS地图可视化全过程1：总体过程简述
目录一.效果图二.实现过程1:数据来源及清洗三.实现过程2:数据分析四.实现过程3:数据可视化分享使用Pyecharts进行全国水质TDS地图可视化的全过程. 一.效果图本次对全国TDS进 ...
使用Pyecharts进行全国水质TDS地图可视化全过程6：利用Python+Selenium自动化获取页面信息
本文是扩展文,介绍利用Selenium模拟人工操作,从网页上自动获取信息.这样一种方法可以处理重复性工作,解放双手,提高工作效率.属于使用Pyecharts做可视化之前的一些其他探索. 在利用Exce ...
使用Pyecharts进行全国水质TDS地图可视化全过程7：使用pyecharts画地图总述
目录一.什么是pyecharts? 二.安装pyecharts? 三.pyecharts使用文档四.pyecharts画地图五.需要注意的事项六.地图的下钻本文为总述.后面几篇文章再详细的拿 ...
使用Pyecharts进行全国水质TDS地图可视化全过程5：利用Excel地图实现美国水质地图可视化
本文是扩展文,介绍使用Excel进行地图可视化.属于使用Pyecharts做可视化之前的一些其他探索. 今天我们讲下如何利用Excel自带的Power Map做可视化,2013版EXCEL开始,自带了 ...
使用Pyecharts进行全国水质TDS地图可视化全过程3：用Python拆分物流地址以及实现地址补全
目录 1.提取省市区信息 2.提取街镇乡.村或居委会信息 3.自动补全省市信息简介:本文介绍用Python编程,实现对物流地址的拆分及补全.在快递物流中会用到这种技术. 在TDS地图可视化项目中,我 ...
使用Pyecharts进行全国水质TDS地图可视化全过程4：使用Python将Excel表拆分至多个Excel文件
在TDS可视化项目中,我们需要对省.市.区各个层级区域的TDS数据进行计算.它涉及的数量很大,大概有3211个区域的数据. 我们当然可以编程直接在一个表格上处理,但是涉及到这么多区域,它会很容易出错, ...
使用Pyecharts进行全国水质TDS地图可视化全过程2：使用Power Query 进行百万行级别数据匹配
简介:本文介绍使用Excel Power Query进行数据匹配.利用这种方式,可以在几分钟内完成百万级别数据量的匹配. 在TDS可视化地图项目中,我们的原始数据没有TDS和具体安装地址的对应,我们 ...
R语言ggplot2进行特定国家或者地区的地图可视化、在地图上标出所有首府城市所在地（plot the locations of the capital cities）
R语言ggplot2进行特定国家或者地区的地图可视化.在地图上标出所有首府城市所在地(plot the locations of the capital cities) 目录
[Pyhon大数据分析] 二.PyEcharts绘制全国各地区、某省各城市地图及可视化分析
思来想去,虽然很忙,但还是挤时间针对这次YQ写个Python大数据分析系列博客,包括网络爬虫.可视化分析.GIS地图显示.情感分析.舆情分析.主题挖掘.威胁情报溯源.知识图谱.预测预警及AI和NLP应 ...

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

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

最新文章

热门文章