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