3/36
A Brief History of Web Mapping
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
4/36
The old ages of Web Mapping application
Xerox PARC Map Viewer - 1993
MapQuest - 1996
The Pioneers Phase
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
5/36
GIS guys get into the game
MapXtreme - 1997
ArcIMS - 1997
The Pioneers Phase
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
6/36
Open Source GIS guys get into the game
MapServer- 1997
MapBender- 2001
The Pioneers Phase
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
7/36
Google revolutionized the way EVERYONE used
online maps
But at this time Most
Web Mapping Applications
Were...Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
8/36
The Pioneers Phase
Static MapsRefresh page for a new mapVery complicated interface
No or very few interactionsNo interoperabilityNo standards
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
10/36
The Experts Phase
Google Maps
Google Earth
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
12/36
1st Mashups
http://en.wikipedia.org/wiki/Mashup_%28web_application_hybrid%29http://blog.programmableweb.com/2010/04/08/the-fifth-anniversary-of-map-mashups-on-the-web/
“A Mashups, is a web application that
combines data and functionality
from different sources
to create new services”
Paul Rademacher reverse engineered Google Maps to create HousingMaps
ChicagoCrime whichembedded crime data in Google Maps
The Experts Phase
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
13/36
The Experts Phase
Application Programming Interface
LeafLethttp://leaflet.cloudmade.com/
Very PowerfulVery active community
OpenLayershttp://openlayers.org/
Maybe the best Open Source APILot of possibilities
Google Mapshttps://developers.google.com/maps/Probably the most popular APIVery atcive community
Bing Mapswww.microsoft.com/maps/developers/web.aspxBird Eye view
Proprietary API
Open Source API
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
15/36
The Democratization Phase
It must exist a simple way to
creating,
administrating
and publishing Geographic data on the web ?
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
16/36
Administrationof geographic data
MapCreation
MapPublication
Link with others software
The Democratization Phase
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
17/36
The Democratization Phase
GeoCommons
CloudMade
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
18/36
The Democratization Phase
CartoDB
TileMill
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
20/36
WEB Mapping
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
The Web in Web Mapping
21/36Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
22/36Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
23/36
MappingWEB
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
Web Mapping process
24/36
Easy to createIdeal for a simple application
Not scalableNot a lot of possibilities
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
Web Mapping process
25/36
Function init() {var map = new OpenLayers.Map("map");
var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", "http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: "basic"}
);
map.addLayer(wms) ;
map.addControl(new OpenLayers.Control.LayerSwitcher()
) ;
map.zoomToMaxExtent();}
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
Web Mapping process
26/36
Scalable and a lot of possibilities Ideal for a professional application
Web Mapping expert neededInformatics architecture needed
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
Web Mapping process
27/36
Web Mapping processMapServer
Started in 1995 !!!Linux, Window, Mac Os XWMS, WFS, WPS@ http://mapserver.org/
GeoServer
Started in 2001Language Java
Linux, Window, Mac Os XWMS, WFS, WPS
@ http://geoserver.org/display/GEOS/Welcome/
http://www.slideshare.net/gatewaygeomatics.com/wms-performance-shootout-2010
Mapnik
Language C++, PythonLinux, Window, Mac Os XNo WMS, WFS, WPSRendering map@ http://mapnik.org/
QGIS Server
Based on QGISThe missing link between desktop GIS and deb Maps
WMS/WFS support@ http://hub.qgis.org/projects/quantum-gis/wiki/QGIS_Server_Tutorial
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
28/36
Web Mapping process
Caching Tiles
WMS ?
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
29/36Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
Web Mapping process
30/36
Visualization of Geographic data
(Zoom, Pan)
Client Server Database
Geographic Process(Reprojection, analyze)
Thematic Analysis
Storing Geographic Data
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
Web Mapping process
32/36Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
Kartograph
33/36Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
D3.js
34/36
Kartograph
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
Switzerland GeoPortail
35/36
Web Mapping IllustratedUsing Open Source GIS Toolkits
By Tyler MitchellPublisher: O'Reilly Media
Mapping: A Critical Introduction to Cartography and GIS
Chapter 3. Maps 2.0: Map Mashups and New Spatial Media
By Jeremy W. CramptonPublisher: Wiley
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion
Books
36/36
Resources used : http://www.mindmeister.com/84442111/lecture-notes-history-of-web-mapping
http://en.wikipedia.org/wiki/Web_mapping#History_of_web_mappinghttp://fr.slideshare.net/dbouwman/usability-in-the-geoweb-presentation
http://fr.slideshare.net/cageyjames/web-mapping-systemshttp://www.geotests.net/cours/sigma/webmapping/
Arnaud VandecasteeleMemorial University of NewfoundlandMarine Geomatics Research Lab http://www.marinegis.com/
@Geotribu