iT邦幫忙

鐵人檔案

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

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

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

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

01. Leaflet_起手式

起心動念 由於本身非資訊科系出身,但對於GIS已有多年的經驗,碰巧在python有一些心得,希望能用Folium製作網頁版的地圖。因為Folium是基於Leaf...

2018-10-16 ‧ 由 塔塔墨 分享
DAY 2

02. Leaflet_Map Class基本介紹(上)

前言 完成了起手式之後,還有很多功能可以使用,接下來將先從map class開始介紹,希望能把我所了解的東西一起整理之後,寫成文章分享,同時也能藉機修正我的一些...

2018-10-17 ‧ 由 塔塔墨 分享
DAY 3

03. Leaflet_Map Class基本介紹(下)

在map中,除了Modifying map state以外,還有以下幾個類型: Getting map state(回傳map狀態) Layers and c...

2018-10-18 ‧ 由 塔塔墨 分享
DAY 4

04. Leaflet_圖層介紹

要來介紹圖層了~~ GIS圖層依資料類型分為向量圖層與網格圖層: 網格圖層 英文為raster layer,又稱柵格圖層或影像圖層,資料本身是以一格一格的像素組...

2018-10-19 ‧ 由 塔塔墨 分享
DAY 5

05. Leaflet_UI Layers

今天要來介紹UI Layers。在Leaflet中,UI Layers共包含以下三種: Marker Popup Tooltip Marker 點圖層,透過...

2018-10-20 ‧ 由 塔塔墨 分享
DAY 6

06. Leaflet_Raster Layers

接著來介紹raster layer。Raster layer又稱柵格圖層或影像圖層,資料本身是以一格一格的像素組成,在GIS中常用網格圖層表示地形的高低起伏,圖...

2018-10-21 ‧ 由 塔塔墨 分享
DAY 7

07. Leaflet_Vector Layers(上)

Vector layer為向量圖層。Leaflet提供的向量圖層有以下幾種,排列順序會和官網的不太一樣: CircleMarker Polyline Poly...

2018-10-22 ‧ 由 塔塔墨 分享
DAY 8

08. Leaflet_Vector Layers(下)

上一篇介紹完CircleMarker、Polyline、Polygon之後,再來繼續介紹囉!這次要介紹的項目有如下: Circle Rectangle SVG...

2018-10-23 ‧ 由 塔塔墨 分享
DAY 9

09. Leaflet_Other Layers

在Leaflet中,Other Layers包含: LayerGroup FeatureGroup GeoJSON GridLayer LayerGroup...

2018-10-24 ‧ 由 塔塔墨 分享
DAY 10

10. Leaflet_Basic Types

Leaflet基本型物件態包含以下類型: LatLng LatLngBounds Point Bounds Icon DivIcon LatLng LatL...

2018-10-25 ‧ 由 塔塔墨 分享