iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 11
1
Modern Web

30天打造我的WebGIS系列 第 11

[Day 11] WebGIS中的向量圖層-除了點資料以外的幾何

  • 分享至 

  • xImage
  •  

Day4Day5Day8Day9談的資料都是點資料,一般使用者最熟悉也最需要的資料也是點,例如各式各樣的POI資料..

事實上在二維向量GIS資料中還有其他幾何型態,今天就簡單來看看除了點以外的資料:線跟面。

工具:geojson.io

非常推薦geojson.io這個線上工具,可以線上編輯geojson及一些基本格式的匯出匯入,如果手邊沒有工具,很推薦用它來做資料基本處理。(示範影片)

以下資料都可以貼到geojson.io看看實際情況喔!

線:LineString(polyline)

line是兩個點連成的一條線,polyline就是多個點依序連成的線,polyline常用於表示路線,在geojson中,geometry的type為LineString,coordinates記錄方式為:[[x1,y1],[x1,y2]...[xn,yn]]


{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {},
      "geometry": {
        "type": "LineString",
        "coordinates": [
          [
            121.50518417358397,
            25.028994928869533
          ],
          [
            121.53264999389648,
            25.024173053538334
          ],
          [
            121.54312133789062,
            25.037704933043095
          ]
        ]
      }
    }
  ]
}

面:polygon

polygon常用於表示範圍,面狀的資料,一個基本的polygon在coordinates的記錄方式為[[[x1,y1],[x1,y2]...[xn,yn],[x1,y1]]]
最後一點要收回第一個節點,形成封閉。

 {
      "type": "Feature",
      "properties": {},
      "geometry": {
        "type": "Polygon",
        "coordinates": [
          [
            [
              121.5395164489746,
              25.007995055821286
            ],
            [
              121.55153274536133,
              25.007995055821286
            ],
            [
              121.55153274536133,
              25.029461551911478
            ],
            [
              121.5395164489746,
              25.029461551911478
            ],
            [
              121.5395164489746,
              25.007995055821286
            ]
          ]
        ]
      }
}

MultiPoint

geojson也定義了multipoint,用來表達多個點合併的結果

{
   "type": "MultiPoint",
   "coordinates": [
       [121.5398,25.0071], [121.5515,25.0294]
   ]
}

MultiLineString

一樣也有MultiLineString的定義

{
   "type": "MultiLineString",
   "coordinates": [
       [   [121.5398,25.0071], [121.5515,25.0294]],
       [   [121.5831,25.0112], [121.5610,25.0224] ]
   ]
}

MultiPolygon

這是MultiPolygon

{
   "type": "MultiPolygon",
   "coordinates": [
          [
            [
              [
                121.5398,
                25.0071
              ],
              [
                121.5831,
                25.0112
              ],
              [
                121.5515,
                25.0294
              ],
              [
                121.5398,
                25.0071
              ]
            ]
          ],
          [
            [
              [
                121.5398,
                25.0071
              ],
              [
                121.5031,
                25.0112
              ],
              [
                121.5515,
                25.0294
              ],
              [
                121.5398,
                25.0071
              ]
            ]
          ]
      ]
}

後記

今天先說明了基本的polyline,polygon及其他類似的擴充,跟今天介紹資料時一樣,未來實作時會以geojson為主,而這幾天後續還是會說一些資料的特性,這些幾何資料是webgis的特色,所以,明天繼續囉!


上一篇
[Day10] 坐標系統及WebGIS常用的坐標轉換
下一篇
[Day 12] WebGIS中的向量資料-一些特殊的Polygon
系列文
30天打造我的WebGIS30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言