iT邦幫忙

鐵人檔案

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

在網頁上面畫個地圖 - 使用Openlayers 系列

在網頁上面畫個地圖?簡單啦,Google Maps API 弄上去就好了呀;
拜託,既然參加鐵人賽,當然要挑最有挑戰性的來玩呀...
30 天內用 Openlayers 客製化一個你的地圖應用。

參賽天數 5 天 | 共 5 篇文章 | 14 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day-01 首先,利用 Openlayers.js 產生一張地圖

前言 目前 WebGIS 應用較廣為人知的,應該就當屬 Google Maps Platform。另外還有 OpenLayers、Leaflet 這兩套 Ope...

2018-10-16 ‧ 由 lastresort 分享
DAY 2

Day-02 View 講解

Day-02 View 講解 承上篇,我們完成了一個最簡單地圖範例。今天就來講解 View 及 Layers 這兩個物件。 原訂今天要講 View &...

2018-10-17 ‧ 由 lastresort 分享
DAY 3

Day-03 Layers 講解

Day-03 Layers 講解 今天繼續來講解 Layers 這個物件。 在 OpenLayers 中,地理資訊是放在 Source 物件中,而 Layers...

2018-10-18 ‧ 由 lastresort 分享
DAY 4

Day-04 Projection (投影)

Day-04 Projection (投影) 理論 地球是一個球體,球面上的位置,是以經緯度來表示,我們把它稱為球面座標系統或地理座標系統。在球面上計算角度距離...

2018-10-19 ‧ 由 lastresort 分享
DAY 5

Day-05 Draw Features & 棄賽通知..

Day-05 Draw Features 今天的官方範例:Draw Features,這個範例是教你如何在地圖畫上點、線、多邊型及圓型。底下程式碼就是範例中的所...

2018-10-20 ‧ 由 lastresort 分享