integrating geospatial data to your applications

Integrating Geospatial Data to your ApplicationsNovember 14, 2015by Ian Panganiban

Hi I'm Ian

SRS IIProject PhilSHORE

Geodetic EngineerHackathons

lkpanganiban

@lkpanganiban

Ian Panganiban

Motivation

Agenda

Spatial 101

Data sources

Spatial app development

Beyond spatial

Spatial 101

Pixelated much?Raster data

“a raster graphics image is a dot matrix data structure representing a generally rectangular grid of pixels”

GeoEye Satellite Imagery

Story of points, lines and polygonsVector data

“Vector is a representation of the world using points, lines, and polygons. Vector models are  useful  for  storing data that  has  discrete boundaries,  such as country borders, land parcels, and streets.”

Java OSM Editor

Vector formats

Java OSM Editor

Geojson

GPX

Shapefiles

Coordinate Reference Systems

“Every dataset has a coordinate system, which is used to  integrate  it with other geographic datasets within a common coordinate framework. Allows you  to perform various  integrated analytical operations,  such as  overlaying data  layers  from  disparate  sources  and  coordinate systems.”

EPSG what?

“EPSG  Geodetic  Parameter  Dataset  is  a  structured  dataset  of Coordinate Reference Systems and Coordinate Transformations”

Munging spatial data using GIS

QGIS in Action: Soil data of Isabela

Some free data :)

BSWM Maps

philgis.org

USGS - earthexplorerOSM data via QGIS plugin

Let's build some apps

A very spatial app

Frontend

Application Frameworks

Databases

A spatial baggage counterSpatial databases

“A spatial database, or geodatabase is a database that is optimized to  store  and  query data  that  represents  objects  defined  in  a geometric space. Most spatial databases allow representing simple geometric objects such as points, lines and polygons.”

Spatialite

A look into PostGIS

extensions

Over 1000 functionshttp://workshops.boundlessgeo.com/postgis-intro/

Choose your framework

Spatial libraries

“Spatial libraries allow you to read and write spatial data. These libraries have spatial processes like buffer, intersect and transform.”

Using gdal for raster files

Cols: 16171Rows: 20766Bands: 1Pixel value at 167,196: 32767Minimum value of elevation: -197

Using ogr for vector files

Provinces: 82Extent:(116.92833709716797, 126.60534667968753, 4.586939811706543, 21.07014083862329)Second Province: Agusan del Norte

Visualizing spatial data through web maps

“What you see when you view a map on Mapbox or an embedded map on your website is the result of many moving parts working together.”

-Mapbox

Leaflet Openlayers 3

An open-source JavaScript library for mobile-friendly interactive maps | Leaflet

Vladimir AgafonkinLeaflet Plugins

A feature-packed library for all your mapping needs | Openlayers 3

Add processing power to your web maps

Spatial frameworks

Cartaro: Geospatial Drupal

Spatial frameworks

Geonode: Django Application

Spatial frameworks

Geoserver: Java based geospatial server

Beyond spatial

Story Maps

Beyond spatial

3D Maps

Beyond spatial

Indoor Maps

Build and Contribute

List of Resources

geographic data http://maptime.io/geodata/ http://mapschool.io/ http://spatialreference.org/ref/epsg/

spatial databases http://dna.fernuni-hagen.de/papers/IntroSpatialDBMS.pdf http://postgis.net/ http://workshops.boundlessgeo.com/postgis-intro/ web mapping http://leafletjs.com/ http://openlayers.org/

visualization & processing http://d3js.org/ http://turfjs.org/ http://www.gdal.org/gdal_tutorial.html

List of Resources

visualization & processing http://geotools.org/ http://raphaeljs.com/ spatial data repository http://philgis.org/ http://www.bswm.maps.da.gov.ph/maps-library http://earthexplorer.usgs.gov/

spatial frameworks http://cartaro.org/ http://geoserver.org/ http://geodjango.org/ http://geonode.org/

Do you have any questions?

Thank you

“Everything is related to everything else, but near things are more related than distant things.”

-Waldo Tobler

Integrating Geospatial Data to your ApplicationsNovember 14, 2015by Ian Panganiban