Python一键上传旅途照片生成展示网页

简介:

作为一个比较喜欢出去见识世界、看看自然风光的人,这几年有幸跑了一些地方,在祖国大地不同的地方见识了不同的人文风物,手机里也存了不少照片,想着如果以某种方式展现来回忆我的旅途的话,或许会给自己带来不一样的体验。目标口号已经想好:去过的风景,直观丰富地展示你的人生旅途,带来新的回忆感受。在看到leaflet开源地图库时,觉得可以比较简单地初步实现我的想法。

640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=

初步效果

640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=

效果图1 - 60多张照片的效果图

640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=

效果图2 - 点击显示当时的照片

640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=

效果图3 - 可以进一步加入文字描述内容与动态效果 
思路

8481c8f592b7f349aa84a1de5c171db681516edf一般手机照片都包含丰富的信息,如拍摄时间等等,而python又有强大的PIL图像处理库,使得我们可以轻松解析照片信息。在服务端我们可以使用Django来负责产生简单的上传机制,将上传的图片放入静态资源文件夹以提供路由,并且对照片进行解析,获得的信息利用Django自带的ORM编写照片信息模型,存入默认的sqlite3数据库,十分简便,然后利用Django-restframework库将照片信息生成api,方便前端异步获取。在前端利用leaflet地图库生成展示效果,为了以后的开发,采用了vuejs框架,利用vue-resource从api异步get数据,并同步到页面。
8481c8f592b7f349aa84a1de5c171db681516edf 这样我们使用时便可以方便地一步上传照片,在地图上再现我们去过的风景,点击出现当时的情景。当然直接根据照片只获得了基本的时间和经纬度信息,进一步我们可以提供提交修改功能,让用户自己较为精细地修正地理位置(某些地理位置并不十分准确),并对照片做注解,提交回忆文本,然后一并展示。更进一步是利用时间数据,动态地显示我们的旅途轨迹,以及自动生成整个人生旅途的动态展示效果。
8481c8f592b7f349aa84a1de5c171db681516edf leaflet文档很详细丰富,api文档也很美观,插件也不少。使用leaflet使用两三句js语句就可以轻松地产生应用效果。不要对文档望而生畏,我一开始也嫌烦,懒得看,后来静下心一看发现很容易上手。在github上还有中文地图图层提供商的列表(不需要api key),我使用了高德地图,个人比较喜欢。可用插件有Leaflet.EasyButton、Leaflet.markercluster。


原文发布时间为: 2017-03-12

本文作者:treelake

本文来自云栖社区合作伙伴“Python中文社区”,了解相关信息可以关注“Python中文社区”微信公众号

相关文章
|
15天前
|
数据采集 机器学习/深度学习 JSON
写【Python折线图】的一百个技巧(一、生成折线图网页)
写【Python折线图】的一百个技巧(一、生成折线图网页)
27 0
|
23天前
|
数据采集 开发者 Python
Python爬虫实战:利用Beautiful Soup解析网页数据
在网络爬虫的开发过程中,数据解析是至关重要的一环。本文将介绍如何利用Python的Beautiful Soup库来解析网页数据,包括解析HTML结构、提取目标信息和处理特殊情况,帮助开发者更好地实现爬虫功能。
|
27天前
|
XML 数据采集 数据挖掘
python教程|如何批量从大量异构网站网页中获取其主要文本?
今天我们就一起来看看,如何利用Python从大量异构网站中批量获取其主要文本的方法。
|
2月前
|
数据采集 XML 数据格式
python爬虫入门篇:如何解析爬取到的网页数据?试下最简单的BeautifulSoup库!
前面笔记解析了如何使用requests模块向网站发送http请求,获取到网页的HTML数据。这篇我们来如何使用BeautifulSoup模块来从HTML文本中提取我们想要的数据。Beautiful Soup,简称bs4,是Python的一个HTML或XML的解析库,一般用它来从网页中提取数据。
49 1
|
2月前
|
存储 关系型数据库 MySQL
Python Django框架下将MySQL数据库的内容在网页上动态展示(修订版-2021-05-17)
Python Django框架下将MySQL数据库的内容在网页上动态展示(修订版-2021-05-17)
258 0
|
2月前
|
搜索推荐 算法 前端开发
职位招聘管理与推荐系统Python+Django网页界面+协同过滤推荐算法
职位招聘管理与推荐系统Python+Django网页界面+协同过滤推荐算法
48 0
|
2月前
|
搜索推荐 算法 前端开发
汽车租聘管理与推荐系统Python+Django网页界面+协同过滤推荐算法
汽车租聘管理与推荐系统Python+Django网页界面+协同过滤推荐算法
43 2
汽车租聘管理与推荐系统Python+Django网页界面+协同过滤推荐算法
|
2月前
|
搜索推荐 算法 前端开发
商品购物管理与推荐系统Python+Django网页界面+协同过滤推荐算法
商品购物管理与推荐系统Python+Django网页界面+协同过滤推荐算法
49 0
|
3月前
|
Web App开发 存储 搜索推荐
使用 ChatGPT 帮助小学生编程入门系列之一:Python 编程读取和解析天气预报网页上的数据
使用 ChatGPT 帮助小学生编程入门系列之一:Python 编程读取和解析天气预报网页上的数据
53 0
|
3月前
|
前端开发 JavaScript Python
使用Python读取本地行情csv文件,做出web网页画出K线图实现案例
使用Python读取本地行情csv文件,做出web网页画出K线图实现案例