iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

使用Leaflet及Folium開啟網頁地圖大門 系列

因為工作關係,常接觸GIS領域,但僅僅侷限於ArcGIS或QGIS繪製地圖,想挑戰用網頁呈現地圖。由於ArcGIS及QGIS都有Python的蹤影,所以目標是用Folium跑出網頁,又因為Folium是基於Leaflet,正好可以衝一點文章數(?),所以先從Leaflet開始,再講到Folium(先苦後甘的概念?),然後寫一些應用作為總結。30天雖然不是終點,但持續30天的考驗也不小,這次目標希望能夠撐到完賽!

鐵人鍊成 | 共 30 篇文章 | 53 人訂閱 訂閱系列文 RSS系列文 團隊阿莫斯の推坑教
DAY 21

21. Folium_Vector Layers

Folium的vector layers 包含 PolyLine Polygon Rectangle Circle CircleMarker path_opt...

2018-11-05 ‧ 由 塔塔墨 分享
DAY 22

22. Folium_Raster Layers

folium官網提供的Raster Layer包含: ImageOverlay TileLayer VideoOverlay WmsTileLayer 命名...

2018-11-06 ‧ 由 塔塔墨 分享
DAY 23

23. Folium_Extra Features(上)

雖然Folium將以下的項目歸類在extra feature下面,但其實在呼叫時也只有用 folium.features去呼叫,而不是 folium.extra...

2018-11-07 ‧ 由 塔塔墨 分享
DAY 24

24. Folium_Extra Features(下)

上一篇介紹了一些extra feature的項目,這一篇要把剩下的介紹完!! GeoJson GeoJsonTooltip TopoJson RegularP...

2018-11-08 ‧ 由 塔塔墨 分享
DAY 25

25. Folium_QuickStart

前面幾篇稍微介紹了folim的功能,這一篇終於要講一些比較實用的東西了! 這邊的介紹會以前面比較沒有提到的部分做說明,如果發現比網站內容少的話不要罵我喔! 網頁...

2018-11-09 ‧ 由 塔塔墨 分享
DAY 26

26. Leaflet_建立高雄市區界地圖

讓我們來實際利用開放資料來建立圖層吧!首先,以Leafletjs 起手式建立基本頁面。 高雄市區界的geojson資料是從鄉鎮市區行政區域界線下載的,可以透過S...

2018-11-10 ‧ 由 塔塔墨 分享
DAY 27

27. Folium_建立高雄市里界地圖

好的,上一篇成功使用leaflet建立了高雄市的區界地圖,這一篇就要來用folium嘗試看看了!這一次就使用Folium建立里界的地圖吧!在資料夾中建立一個新的...

2018-11-11 ‧ 由 塔塔墨 分享
DAY 28

28. Folium_顯示圖層資訊

在Leaflet及Folium均熟悉並嘗試建立一些地圖的實例時,會發現其實Folium在很多地方尚未成熟,像是在popup的部分,目前還無法在geoJSON上實...

2018-11-12 ‧ 由 塔塔墨 分享
DAY 29

29. Folium_將geojson以polygon建立包含popup的圖層

上一篇談到folium目前無法在建立geoJson時,同時包含popup,所以目前想到的方式是利用pandas讀取json資料,再以polygon讀取座標,並同...

2018-11-13 ‧ 由 塔塔墨 分享
DAY 30

30. Folium_使用Folium 繪製高雄市工務局工程範圍地圖

目的 利用高雄市資料開放平臺提供的工務局工程範圍繪製地圖,並存成html檔。說明網頁連結資料連結檔案格式為json檔,若要直接讀取資料連結的檔案,需先關閉ssl...

2018-11-14 ‧ 由 塔塔墨 分享