pinogio : a simple way to create a web infographic map (피노지오 : 웹 인포그래픽 맵을...

Post on 17-Jan-2017

932 Views

Category:

Services

1 Downloads

Preview:

Click to see full reader

TRANSCRIPT

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

top related