鐵人賽Day 11- webgis中的向量圖層-除了點資料以外的幾何

web
  1. 1. 工具：geojson.io
  2. 2. 線：LineString(polyline)
  3. 3. 面：polygon
  4. 4. MultiPoint
  5. 5. MultiLineString
  6. 6. MultiPolygon
  7. 7. 後記

在Day4、Day5及Day8、Day9談的資料都是點資料，一般使用者最熟悉也最需要的資料也是點，例如各式各樣的POI資料..

本文是參加鐵人賽的文章，同步發表於 “2018鐵人賽-30天打造我的WebGIS系列”

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

工具：geojson.io

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

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

線：LineString(polyline)

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

{
  "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]]]
最後一點要收回第一個節點，形成封閉。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 {
      "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，用來表達多個點合併的結果

1
2
3
4
5
6
{
   "type": "MultiPoint",
   "coordinates": [
       [121.5398,25.0071], [121.5515,25.0294]
   ]
}

MultiLineString

一樣也有MultiLineString的定義

1
2
3
4
5
6
7
{
   "type": "MultiLineString",
   "coordinates": [
       [   [121.5398,25.0071], [121.5515,25.0294]],
       [   [121.5831,25.0112], [121.5610,25.0224] ]
   ]
}

MultiPolygon

這是MultiPolygon

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
{
   "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的特色，所以，明天繼續囉！

2018鐵人賽-30天打造我的WebGIS系列 web GIS geojson
prev： next：