Python製作炫酷的個人足跡地圖

来源:https://www.cnblogs.com/hahaa/archive/2022/08/05/16550554.html
-Advertisement-
Play Games

用Python來繪製自己的個人足跡地圖, 精確到市級別。 首先我們需要安裝以下Python的第三方模塊: echarts-china-cities-pypkg==0.0.9 echarts-china-provinces-pypkg==0.0.3 pyecharts==1.6.2 PyYAML==5 ...


用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 上午
# 繪製個人足跡地圖:全國範圍
# 完整源碼加Q群:279199867
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中的下麵一行:

<div id="a438407081634ceab6af1c965034ae16" class="chart-container" style="width:1200px; height:800px;"></div>

 

的樣式(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;
                }

        }
  });

 

我特意製作了個人足跡地圖的視頻:https://live.csdn.net/v/229255

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Java多線程(三) 五、線程的通信 5.1 wait() 與 notify() 和 notifyAll() 介紹: wait():令當前線程掛起並放棄CPU、同步資源並等待,使別的線程可訪問並修改共用資源,而當前線程排隊等候其他線程調用notify() 或 notifyAll() 方法喚醒,喚醒後 ...
  • (目錄) turtle庫的介紹 turtle庫也叫海龜庫,1969年誕生,是turtle繪圖體系的Python實現。turtle庫是Python語言的標準庫之一,是入門級的圖形繪製函數庫。 turtle庫的使用 方法一:import turtle 這種方法在之後每次引用turtle庫裡面的函數都需要 ...
  • Java多線程(二) 四、線程的同步 4.1 線程同步的引入: 多線程出現了安全問題。 問題的原因: 當多條語句在操作同一個線程共用數據時,一個線程對多條語句只執行了一部分,還沒有執行完,另一個線程參與進來執行。導致共用數據的錯誤。例如:買票問題、銀行卡消費問題等等。 解決辦法: 對多條操作共用數據 ...
  • 一、 編碼規約 1.1 標簽 (1)【強制】PHP 程式可以使用或來界定 PHP 代碼,在 HTML 頁面中嵌入純變數時,可以使用這樣的形式,不可使用其他的標簽變種。 正例: <?php /** * 編碼規約 * Created by PhpStorm. * User: [email protected] ...
  • 在SpringBoot中配置 Druid 數據源及密碼加密的方法 前文集成 MyBatis Plus,實現了一組增刪改查介面。在啟動服務時,從控制臺中可以看出 Spring Boot 預設使用 Hikari 作為資料庫連接池,Hikari性能很優秀。在國內使用較多的連接池還屬阿裡開源的 Druid, ...
  • 前言 之前也瞭解到過一致性哈希演算法,但是沒有用go實現過,剛好最近看GeeCache,動手實現下一致性哈希演算法 正文: 我們先來想下一致性哈希演算法的數據結構含有哪些內容: 1.map 用來存儲虛擬節點對應的真實節點,是一個映射表 2.hash 哈希函數 3.key 哈希環,存儲所有虛擬節點 4.re ...
  • 前言 最近在學習C++的類如何構造,在W3Cschool上看到關於拷貝構造函數的一個例子,記錄一下。 案例背景 這篇文章大致是構造瞭如下的一個Line類: class Line{ public: int getLength(void); Line(int len); // 簡單構造函數 Line(c ...
  • JPA是Java Persistence API的簡稱,中文名Java持久層API,是JDK 5.0註解或XML描述對象-關係表的映射關係,並將運行期的實體對象持久化到資料庫中。 ...
一周排行
    -Advertisement-
    Play Games
  • 使用原因: 在我們服務端調用第三方介面時,如:支付寶,微信支付,我們服務端需要模擬http請求並加上一些自己的邏輯響應給前端最終達到我們想要的效果 1.使用WebClient 引用命名空間 using System.Net; using System.Collections.Specialized; ...
  • WPF 實現帶蒙版的 MessageBox 消息提示框 WPF 實現帶蒙版的 MessageBox 消息提示框 作者:WPFDevelopersOrg 原文鏈接: https://github.com/WPFDevelopersOrg/WPFDevelopers.Minimal 框架使用大於等於.N ...
  • 一、JSON(JavaScript Object Notation)的簡介: ① JSON和XML類似,主要用於存儲和傳輸文本信息,但是和XML相比,JSON更小、更快、更易解析、更易編寫與閱讀。 ② C、Python、C++、Java、PHP、Go等編程語言都支持JSON。 二、JSON語法規則: ...
  • 1.避免Scoped模式註冊的服務變成Singleton模式 當提供一個生命周期模式為Singleton的服務實例時,如果發現該服務中還依賴生命周期模式為Scoped的服務實例(Scoped服務實例將被一個Singleton服務實例所引用),那麼這個被依賴的Scoped服務實例最終會成為一個Sing ...
  • 索引時資料庫提高數據查詢處理性能的一個非常關鍵的技術,索引的使用可以對性能產生上百倍甚至上千倍的影響。接下來,會介紹索引的基本原理、概念,並深入學習資料庫中所使用的索引結構和存儲方式,以及如何管理、維護索引等。 1.索引的基本概念 索引時用來快速查詢表記錄的一種存儲結構,一般使用索引有一下兩個方面: ...
  • django2 路由控制器 Route路由,是一種映射關係。路由是把客戶端請求的url路徑和用戶請求的應用程式,這裡意指django裡面的視圖進行綁定映射的一種關係。 請求路徑和視圖函數不是一一對應的關係 在django中所有的路由最終都被保存到一個叫urlpatterns的文件里,並且該文件必須在 ...
  • 1、我們的目標是獲取微博某博主的全部圖片、視頻 2、拿到網址後 我們先觀察 打開F12 隨著下滑我們發現載入出來了一個叫mymblog的東西,展開響應發現需要的東西就在裡面 3、重點來了!!! 通過觀察發現第二頁比第一頁多了參數since_id 而第二頁的since_id參數剛好在上一頁中能獲取到, ...
  • 一、實現原理 在Servlet3協議規範中,包含在JAR文件/META-INFO/resources/路徑下的資源可以直接訪問。 二、舉例說明 如下圖所示,是我新建的一個Spring Boot Starter項目:zimug-minitor-threadpool,用於實現可配置、可觀測的線程池。其中 ...
  • 精華筆記: static final常量:應用率高 必須聲明同時初始化 由類名打點來訪問,不能被改變 建議:常量所有字母都大寫,多個單詞用_分隔 編譯器在編譯時會將常量直接替換為具體的數,效率高 何時用:數據永遠不變,並且經常使用 抽象方法: 由abstract修飾 只有方法的定義,沒有具體的實現( ...
  • Python有一個for...else語法,它的寫法如下 for i in range(0,100): if i == 3: break else: print("Not found") 該語句表示:若for迴圈遍歷完畢,則執行else部分的語句。也就是說上述代碼不會有任何輸出,而下述代碼會輸出“N ...