前两年,足迹地图小程序风靡朋友圈,一时间大家都流行晒自己的旅行地图。但是,笔者最近体验了好几款足迹地图的小程序,发现这些小程序虽然号称是足迹地图,但最多只是展示到省级别,无法精确到市级别,因此,笔者周末花了点时间,用Python来绘制自己的个人足迹地图,可以精确到市级别。

下面的部分,笔者将介绍如何简单地来绘制个人足迹地图。

首先我们需要安装以下Python的第三方模块:

echarts-china-cities-pypkg==0.0.9

echarts-china-provinces-pypkg==0.0.3

pyecharts==1.6.2

PyYAML==5.3.1

本项目的完整结构如下:

我们在项目中采用YAML文件来配置自己旅行过的省以及省下面的市,笔者的配置文件如下:

北京:

- 延庆区

- 昌平区

- 海淀区

- 东城区

- 西城区

- 大兴区

- 朝阳区

上海:

- 嘉定区

- 青浦区

- 松江区

- 宝山区

- 闵行区

- 奉贤区

- 浦东新区

- 崇明区

- 徐汇区

- 黄浦区

- 静安区

- 杨浦区

- 虹口区

- 金山区

- 长宁区

- 普陀区

天津:

- 滨海新区

- 南开区

- 河西区

- 和平区

河北:

- 保定市

- 廊坊市

山东:

- 烟台市

- 青岛市

江苏:

- 南京市

- 苏州市

- 扬州市

- 镇江市

- 无锡市

浙江:

- 杭州市

- 绍兴市

- 宁波市

- 舟山市

- 湖州市

- 嘉兴市

- 台州市

- 金华市

江西:

- 南昌市

- 九江市

安徽:

- 黄山市

湖北:

- 武汉市

湖南:

- 长沙市

海南:

- 海口市

- 三亚市

四川:

- 成都市

广东:

- 湛江市

接着我们利用Python脚本来生成足迹地图。先是全国地图,用于显示省和直辖市的情况,china_map.py的代码如下:

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

# author: Jclian91

# place: Pudong Shanghai

# time: 2020/5/31 9:21 上午

# 绘制个人足迹地图:全国范围

import yaml

from pyecharts.charts import Map

from pyecharts import options as opts

# 省和直辖市

with open("travel_config.yml", 'r', encoding='utf-8') as ymlfile:

province_city_dict = yaml.safe_load(ymlfile)

province_dict = dict(zip(province_city_dict.keys(), [1]*len(province_city_dict.keys())))

print(province_dict)

# maptype='china' 只显示全国直辖市和省级

map = Map(init_opts=opts.InitOpts(width='1200px', height='800px'))

map.set_global_opts(

title_opts=opts.TitleOpts(title="个人足迹地图"),

visualmap_opts=opts.VisualMapOpts(max_=1, is_piecewise=True,

pieces=[

{"max": 1, "min": 1, "label": "去过", "color": "#4EA397"},

{"max": 0, "min": 0, "label": "未去过", "color": "#FFFFFF"},

]) #最大数据范围,分段

)

map.add("个人足迹地图", data_pair=province_dict.items(), maptype="china", is_roam=True)

map.render('全国.html')

运行上述脚本,会生成全国.html。为了保证图片居中显示,我们对该HTML中的下面一行:

的样式(style)增加如下内容:

margin:auto;top:30px

全国范围的足迹地图效果图如下:

接着,我们来生成每个省市的足迹地图,利用province_map.py脚本,代码如下:

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

# author: Jclian91

# place: Pudong Shanghai

# time: 2020/5/31 10:01 上午

# 绘制个人足迹地图:省市范围

import yaml

from pyecharts.charts import Map

from pyecharts import options as opts

# 省和直辖市下面的市

with open("travel_config.yml", 'r', encoding='utf-8') as ymlfile:

province_city_dict = yaml.safe_load(ymlfile)

for province, cities in province_city_dict.items():

map = Map(init_opts=opts.InitOpts(width='1200px', height='800px'))

map.set_global_opts(

title_opts=opts.TitleOpts(title="个人足迹地图-%s" % province),

visualmap_opts=opts.VisualMapOpts(max_=1, is_piecewise=True,

pieces=[

{"max": 1, "min": 1, "label": "去过", "color": "#4EA397"},

{"max": 0, "min": 0, "label": "未去过", "color": "#FFFFFF"},

]) #最大数据范围,分段

)

city_dict = dict(zip(cities, [1]*len(cities)))

map.add("个人足迹地图-%s" % province, data_pair=city_dict.items(), maptype=province, is_roam=True)

map.render('./provinces/%s.html' % province)

print("生成个人足迹地图-%s 成功" % province)

这时,会在provinces目录下生成每个省或者直辖市的足迹地图,我们分别对每个HTML进行修改,保证图片居中。我们在这里只展示三个省市的情况:

最后一步,也是最为关键的一步,就是我们要打通全国足迹地图和每个省市足迹地图的联系,也就是说,我们点击全国足迹地图上去过的省份,那么可以点击进去查看该省市下的足迹地图情况,比如说去过哪些市。

对此,我们修改生成的全国.html文件,假设该地图的图像句柄为chart_a438407081634ceab6af1c965034ae16,那么在最后的

chart_a438407081634ceab6af1c965034ae16.on('click', function (param){

var selected = param.name;

if (selected) {

switch(selected){

case '北京':

location.href = "provinces/北京.html";

break;

case '上海':

location.href = "provinces/上海.html";

break;

case '天津':

location.href = "provinces/天津.html";

break;

case '四川':

location.href = "provinces/四川.html";

break;

case '安徽':

location.href = "provinces/安徽.html";

break;

case '山东':

location.href = "provinces/山东.html";

break;

case '江苏':

location.href = "provinces/江苏.html";

break;

case '江西':

location.href = "provinces/江西.html";

break;

case '河北':

location.href = "provinces/河北.html";

break;

case '浙江':

location.href = "provinces/浙江.html";

break;

case '海南':

location.href = "provinces/海南.html";

break;

case '湖北':

location.href = "provinces/湖北.html";

break;

case '湖南':

location.href = "provinces/湖南.html";

break;

case '广东':

location.href = "provinces/广东.html";

break;

default:

break;

}

}

});

本项目已经开源至Github,网址为:https://github.com/percent4/personal_travel_map 。

本文只是笔者对于足迹地图(精确到市级别)的demo,后续我们还可以做更多有意思的事情~

python绘制简单城市剪影图_Python之绘制个人足迹地图相关推荐

  1. python绘制简单城市剪影图_以Python制作的手绘图表居然是这个样子的!快来看看怎么做吧!...

    大家可能已经习惯了用Matplotlib和seaborn来制作不同的图表,但是今天要介绍一个非常酷的Python手绘风格的可视化包:cutecharts. ​ 这个包可以用来生成以下几种看起来像手绘的 ...

  2. python绘制简单城市剪影图_利用Python的folium包绘制城市道路图的实现示例

    写在前面 很长一段时间内,我都在研究在线地图的开发者文档,百度地图和高德地图的开发者中心提供了丰富的在线地图服务,虽然有一定的权限限制,但不得不说,还是给我的科研工作提供了特别方便的工具,在博客前面我 ...

  3. python根据时间序列画折线图_Python cufflinks 绘制折线图,时间序列,子图:简单,很快,很酷,还会动,从此 seaborn 是路人...

    引言 Python 的 seaborn 与 matplotlib 绘图已不必多说,相信能够开始尝试使用 cufflinks 或者 FineBI 等工具进行绘图的朋友,已经对基本的数据可视化有了一定的了 ...

  4. python生成折线图怎么对特定点做颜色_python使用matplotlib绘制简单的折线图和散点图...

    生成数据 数据可视化 数据可视化指的是通过可视化表示来探索数据,它与数据挖掘机密相关. 安装matplotlib 请访问https://pypi.python.org/pypi/matplotlib/ ...

  5. Qt图表绘制(QtCharts)-绘制简单的圆环图(7)

    Qt图表绘制(QtCharts)-绘制简单的圆环图(7)

  6. python怎么画两幅图_python matplotlib模块: Subplots(在同一个figure里绘制多个图)

    我们使用subplot可以实现在同一个figure对象下绘制多个图像:figure对象: image.png 每一个这样的图都包含唯一一个figure对象,而一个figure对象里面可以包含多个axe ...

  7. python slice函数画高维图_Python 绘制 3 维以上的高维图

    实用技巧. 我们的大脑通常最多能感知三维空间,超过三维就很难想象了.尽管是三维,理解起来也很费劲,所以大多数情况下都使用二维平面.不过,我们仍然可以绘制出多维空间,今天就来用 Python 的 plo ...

  8. python做房源饼状图_python使用matplotlib画饼状图

    %matplotlib inlineimport matplotlib.pyplot as plt# 121 > 1行2列第1个fig1 = plt.subplot(121)plt.pie([1 ...

  9. python制作简单K线图

      最近在参加数模比赛,在培训课程中老师要求使用python完成对于K线图制作.参考了网上很多个博客,终于找到适合自己环境的在此记录下.   我使用的环境如下:      操作系统:windows10 ...

最新文章

  1. 自然语言处理常用数据集
  2. 修改html时webpack热更新,webpack学习之路(二)webpack-dev-server实现热更新
  3. vue-cli3.0结合lib-flexible、px2rem实现移动端适配,完美解决第三方ui库样式变小问题
  4. MATLAB图像函数以及应用(第六章)边界问题
  5. sublime text 3 中的php代码语法检测
  6. 算法---会议最大安排问题
  7. [css] 描述下你所了解的图片格式及使用场景
  8. JS-[IIFE闭包]
  9. JDK源码解析之 java.lang.Exception
  10. iOS开发篇——OC之NSNumber数字对象讲解
  11. 禁止logback输出状态信息
  12. 电子类公司笔试题精选
  13. MySql实战篇:写一个简单的存储过程,完成订单定时任务
  14. 动软代码生成器生成数据库文档问题
  15. 解析android手游lua脚本的加密与解密(番外篇之反编译的对抗)
  16. 智能对话机器人产品之 IBM Watson 三年投资回报率 383% | Chatopera
  17. 国产矢量绘图软件--百绘大师
  18. Linux 安装molten
  19. 常用的CSS属性列表汇总
  20. autoconf使用

热门文章

  1. 8成功的用户界面特性
  2. python每日经典算法题5(基础题)+1(较难题)
  3. 20 ide配置快捷键补全提示 win
  4. 在ASP.NET Core 2.2 中创建 Web API并结合Swagger
  5. DNN网络(三)python下用Tensorflow实现DNN网络以及Adagrad优化器
  6. 机器学习读书笔记(一)k-近邻算法
  7. Mongodb常规操作【一】
  8. [noip-2013] 货车运输
  9. 日常问题解决记录一:远程桌面进程如果关闭了怎么呼出?
  10. Java基础——String类(二)