A Simple Way to Create a Web Infographic Map:
For Public Data and Private Data
MangoSystem Research Engineer | Hanjin Lee
@jinifor
Who����������� ������������������ Are����������� ������������������ We?!
How����������� ������������������ to����������� ������������������ Get����������� ������������������ the����������� ������������������ ����������� ������������������ Public����������� ������������������ (Open)����������� ������������������ Data?
8
NS����������� ������������������ Center����������� ������������������ (National����������� ������������������ Spatial����������� ������������������ Information����������� ������������������ Clearinghouse) https://nsic.go.kr
9
Open����������� ������������������ Data����������� ������������������ Portal http://data.go.kr
10
Seoul����������� ������������������ Open����������� ������������������ Data����������� ������������������ Plaza http://data.seoul.go.kr
11
Seoul����������� ������������������ Open����������� ������������������ Data����������� ������������������ Plaza http://data.seoul.go.kr
Lat����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ |����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ Lon
United����������� ������������������ States����������� ������������������ of����������� ������������������ America����������� ������������������ (http://www.data.gov/)
Australia����������� ������������������ (http://data.gov.au/)
United����������� ������������������ Kingdom����������� ������������������ (http://data.gov.uk/)
Japan����������� ������������������ (http://data.go.jp/)
PINOGIO����������� ������������������ Features?
14
Open����������� ������������������ Source����������� ������������������ Stack
•PostgreSQL����������� ������������������ /����������� ������������������ PostGIS����������� ������������������
•GXT����������� ������������������ Server����������� ������������������ (GeoServer����������� ������������������ WPS����������� ������������������ Extension)����������� ������������������
•OpenLayers3����������� ������������������ /����������� ������������������ Leaflet
#GXT
16
GXT����������� ������������������ (Geoprocessing����������� ������������������ Engine)
GXT����������� ������������������ Core
Grid����������� ������������������ Coverage Custom
Vector����������� ������������������ Features Spatial����������� ������������������ Statistics
Geometry Statistics
GeoTools GeoAPI JTS JAI
17
GXT����������� ������������������ (Geoprocessing����������� ������������������ Engine)
Category Function
GXT����������� ������������������ Modules
Geometry • Area,����������� ������������������ Buffer,����������� ������������������ Centroid,����������� ������������������ Distance,����������� ������������������ ManhattanDistance,����������� ������������������ Union
Vector • Overlay,����������� ������������������ Proximity,����������� ������������������ Calculation,����������� ������������������ Network
Raster• Surface,����������� ������������������ Interpolation,����������� ������������������ Density,����������� ������������������ Distance,����������� ������������������ Reclassification,����������� ������������������ Conversion
Statistics • Classification,����������� ������������������ Basic����������� ������������������ Statistics,����������� ������������������ Pearson,����������� ������������������ Regression
Spatial����������� ������������������ Statistics
• Pattern(Moran’s����������� ������������������ I,����������� ������������������ G-Statistics,����������� ������������������ Spatial����������� ������������������ LQ,����������� ������������������ Nearest����������� ������������������ Neighbor)����������� ������������������ • Distribution(Mean����������� ������������������ Center,����������� ������������������ Central����������� ������������������ Feature,����������� ������������������ Standard����������� ������������������ Distance,����������� ������������������ SDE)����������� ������������������
• Cluster(k-means)
Custom• Extension����������� ������������������ Data����������� ������������������ Store����������� ������������������ • Web����������� ������������������ KOPSS����������� ������������������ algorithm����������� ������������������ Support
GXT����������� ������������������ Online����������� ������������������ Documentation����������� ������������������ (http://gxt.mangosystem.com/)
18
GXT����������� ������������������ (Geoprocessing����������� ������������������ Engine)
Category Function
GXT����������� ������������������ Modules
Geometry • Area,����������� ������������������ Buffer,����������� ������������������ Centroid,����������� ������������������ Distance,����������� ������������������ ManhattanDistance,����������� ������������������ Union
Vector • Overlay,����������� ������������������ Proximity,����������� ������������������ Calculation,����������� ������������������ Network
Raster• Surface,����������� ������������������ Interpolation,����������� ������������������ Density,����������� ������������������ Distance,����������� ������������������ Reclassification,����������� ������������������ Conversion
Statistics • Classification,����������� ������������������ Basic����������� ������������������ Statistics,����������� ������������������ Pearson,����������� ������������������ Regression
Spatial����������� ������������������ Statistics
• Pattern(Moran’s����������� ������������������ I,����������� ������������������ G-Statistics,����������� ������������������ Spatial����������� ������������������ LQ,����������� ������������������ Nearest����������� ������������������ Neighbor)����������� ������������������ • Distribution(Mean����������� ������������������ Center,����������� ������������������ Central����������� ������������������ Feature,����������� ������������������ Standard����������� ������������������ Distance,����������� ������������������ SDE)����������� ������������������
• Cluster(k-means)
Custom• Extension����������� ������������������ Data����������� ������������������ Store����������� ������������������ • Web����������� ������������������ KOPSS����������� ������������������ algorithm����������� ������������������ Support
GXT����������� ������������������ Online����������� ������������������ Documentation����������� ������������������ (http://gxt.mangosystem.com/)
'GXT����������� ������������������ uDig
����������� ������������������ ToolBox'
����������� ������������������
Free����������� ������������������ for����������� ������������������ R
esearch����������� ������������������ a
nd����������� ������������������ Educa
tion!!����������� ������������������
uDig����������� ������������������ Plug
in����������� ������������������ Update
����������� ������������������ URL:����������� ������������������ ����������� ������������������
http://ww
w.mango
system.co
m:8080/g
xt_updat
es����������� ������������������
Service����������� ������������������ Category
19
MAPS����������� ������������������
LAYER����������� ������������������
DATA
JSON,����������� ������������������ XML
JSP����������� ������������������ /����������� ������������������ Ajax
REST����������� ������������������ API
Service����������� ������������������ Category
20
Zone����������� ������������������ Layer
Base����������� ������������������ Map
MAPS����������� ������������������
LAYER����������� ������������������
DATA
Mango����������� ������������������ BaseMap
21
Mango����������� ������������������ BaseMap����������� ������������������
(TMS)
Zone����������� ������������������ Layer
Base����������� ������������������ Map
MAPS����������� ������������������
LAYER����������� ������������������
DATA
Physical,����������� ������������������ Gray,����������� ������������������ Black…⋯
Zone(District)����������� ������������������ Layer
22
Zone����������� ������������������ Layer
Base����������� ������������������ Map
MAPS����������� ������������������
LAYER����������� ������������������
DATA
Zone(District)����������� ������������������ Layer
23
Zone����������� ������������������ Layer
Base����������� ������������������ Map
MAPS����������� ������������������
LAYER����������� ������������������
DATA
National����������� ������������������ point����������� ������������������ number• 100km����������� ������������������ • 10km����������� ������������������ • 1km����������� ������������������ • 100m����������� ������������������ • 10m
0
#DATA1
• Support����������� ������������������ Formats����������� ������������������
• Vector����������� ������������������ Formats����������� ������������������
• Raster����������� ������������������ Formats����������� ������������������
• Transform����������� ������������������ support
#DATA
25
MAPS����������� ������������������
LAYER����������� ������������������
DATA
The����������� ������������������ First����������� ������������������ World����������� ������������������ Map����������� ������������������ of����������� ������������������ Korea����������� ������������������ +����������� ������������������
#LAYER
#LAYER
27
MAPS����������� ������������������
LAYER����������� ������������������
DATA
28
Spatial����������� ������������������ Statistics
=+
Population����������� ������������������ Cartogram����������� ������������������ ����������� ������������������ Sejong����������� ������������������ Metropolitan����������� ������������������ Autonomous����������� ������������������ City,����������� ������������������ South����������� ������������������ Korea����������� ������������������
(http://www.sejong.go.kr/stat.do)
29
Fishnet����������� ������������������ /����������� ������������������ Hexagon
Australian����������� ������������������ Land����������� ������������������ Tenure����������� ������������������ 1993����������� ������������������ (source����������� ������������������ :����������� ������������������ http://data.gov.au/dataset)
Fishnet����������� ������������������ Features
Hexagon����������� ������������������ Features
30
Map����������� ������������������ Styling����������� ������������������ Library
31
COLOR����������� ������������������ BREWER����������� ������������������ 2.0 http://colorbrewer2.org
32
pinoStyler.js
Spectrum����������� ������������������ ����������� ������������������ Colorpicker
+
Color����������� ������������������ Brewer����������� ������������������ 2.0
+
++
33
pinoStyler.js
UN-GGIM-AP����������� ������������������ VGI����������� ������������������ Portal����������� ������������������ product����������� ������������������ by����������� ������������������ National����������� ������������������ Geographic����������� ������������������ Information����������� ������������������ Institute����������� ������������������
(http://www.ngii.go.kr)
Cloudy����������� ������������������ day
Sunny����������� ������������������ day
Rainy����������� ������������������ day
S����������� ������������������ t����������� ������������������ a����������� ������������������ c����������� ������������������ k����������� ������������������ ����������� ������������������
o����������� ������������������ f����������� ������������������
H����������� ������������������ a����������� ������������������ n����������� ������������������ d����������� ������������������ s
#MAPS
39
MAPS����������� ������������������ Template
…⋯…⋯
PreviewSettings
41
MAPS����������� ������������������ Contents
@jinifor
Thanks!
hjlee mangosystem.com