Anna Pestereva, GISPAerial Services, Inc.

• MS in Cartography, SPbSU, 2007• MA in Geography, UNI, 2009• Self-trained developer (Coursera, CodeSchool…)

• Application Developer and Cartographer at ASI, 2011 – present

• Instructor in Thematic Cartography at UNI, 2010• Affiliated researcher in the Department of

Geography (ARCSES), 2011 – present

• Why Web Mapping?• How to Web Map?

• History• Formats & standards• Technologies

• ASI examples• More examples

• MapsSymbolic representation of some aspect of reality in geographical space: accuracy or

• GIS and GIScSystem of data collection, management, analysis and representation

• Web Maps

• Spatial IT

• Quick and easy to share – just link

• Easy access from anywhere, any device – no software or expertise needed, only browser and internet

• Overlay various data from services

• Always current data from common source

• Web rules first:

• Shift of focus on sharing with users

• Usually simple single purpose maps

• High value of performance (small, caching)

• Different formats and standards

• Integrate into your solution; more generic choice of tools

• Interactive! Shift towards client, dynamic choices, changing data.

• Next - growing number of platforms: browsers, mobile, IoT…

the future is in web & mobile & IoT

• JavaScript: most web mapping libraries are using JS – for its

interactivity

• JSON: used for data (GeoJSON, TopoJSON) as well as styling

• CSS: some applications use Carto for styling – CSS-like language

• Python: libraries, software extensions

• SQL: create, query both attributes and location, spatial

relationships

• Projections (thetruesize.com)Ways to turn globe to flat surface

• GeneralizationFit important information to limited space?(How to Lie with Maps)

• CartographyHow to best display my data? Color choices, data types (colorbrewer2.org)

• Whole map screen image (MapQuest 1996)

• Raster tiles (Google 2005)

• Vector data

(KML, GeoJSON)

• Vector tiles

(GeoJSON, PBF, MVP)

• WMS – Web Map Service• WMTS – Web Map Tile Service

• WCS – Web Coverage Service

• WFS – Web Feature Service• WPS – Web Processing Service• more…

• Leaflet, OpenLayers, Google maps, Mapbox JS, Mapbox GL JS, Tangram; D3 …

• GeoServer, MapServer, Mapnik…

+ Tile Cache, MapProxy..

• PostGIS, SpatiaLite, MySQL, GeoJSON, shapefile, imagery…

User Interface

Application Server

Database

XML/HTTPHTML/HTTP

SQL/JDBCSQL/ODBC

• Raster or vector tiles

• Off the shelf proprietary data (track usage)

• Google, Bing, ESRI, etc..

• Off the shelf croudsourced data (OSM)

• Mapbox, Carto, Stamen, Mapzen, etc..

• Croudsourced data, build your own

• Host yourself or use services (Mapbox)

• Raster as WMS or tiles, e.g. WMTS with transparency;

• WMS queriable via GetFeatureInfo or tiles with utfgrid

• WFS• Vector data like GeoJSON, TopoJSON…

• PostGIS• WPS• GeoTools (GeoServer)• GDAL / OGR• Turf.js

• D3 (projections, force-directed)• Tangram

• Data Delivery (to clients and internal)

– Imagery via web services

• As a Product

– Interactive mapping application for client data exploration

• Communication

– Status, QC between ASI & Client

– Status & planning between management, flight crew & production

• Supplementary

– weather, UTM/State Plane zones,

– general reference, satellite imagery

• Customizeable

• Many stakeholders – rapidly developing

• Community support, available developers

• Free as in beer and as in speech

• Can pay for adding new features

• Simple maps and build

up with plug-ins

• Use common data or

few layers

• On-the fly features

from lat-long

• Very lightweight and

easy/quick to set up

• Mobile friendly

• Proxy is an intermediate server that receives service and offers as its own

• Mapproxy is a great option to cache or add flexibility to existing mapping services– OGC compliant service types (WMS, WMTS)– Projections– Limits, watermarks…

• Especially great for images

• Desktop: QGIS, GDAL

• Database: PostGIS

• Server: GeoServer, MapServer

• API: Leaflet, OpenLayersMapboxJS, D3, Tangram

• OpenGeo Suite – web stack

• Carto.com

• Mapbox.com

• Big data & space filling curves• 3d tiles/maps (Cesium JS)• Machine learning• Routing, self-driving cars

• Twitter: @Apestereva@AerialServices