A 30min presentation about Web Mapping

3. A Brief History of Web Mapping
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 3/36

4. The Pioneers Phase
The old ages of Web Mapping application
MapQuest - 1996
Xerox PARC Map Viewer - 1993
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 4/36

5. The Pioneers Phase
GIS guys get into the game
ArcIMS - 1997
MapXtreme - 1997
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 5/36

6. The Pioneers Phase
Open Source GIS guys get into the game
MapBender- 2001
MapServer- 1997
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 6/36

7. But at this time Most
Google revolutionized the
Web Mapping Applications
way EVERYONE used
online maps
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples
Were...
> Conclusion 7/36

8. The Pioneers Phase
No interoperability No or very few interactions Static Maps
No standards Refresh page for a new map
Very complicated interface
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 8/36

10. The Experts Phase
Google Earth
Google Maps
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 10/36

12. The Experts Phase
1st Mashups “A Mashups, is a web application that
combines data and functionality
from different sources
to create new services”
ChicagoCrime which
embedded crime data in Google Maps
Paul Rademacher reverse engineered Google Maps
to create HousingMaps
http://en.wikipedia.org/wiki/Mashup_%28web_application_hybrid%29
http://blog.programmableweb.com/2010/04/08/the-fifth-anniversary-of-map-mashups-on-the-web/
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 12/36

13. The Experts Phase
Application Programming Interface
Proprietary API
Google Maps
https://developers.google.com/maps/
Probably the most popular API
Very atcive community
Bing Maps
www.microsoft.com/maps/developers/web.aspx
Bird Eye view
Open Source API
LeafLet
http://leaflet.cloudmade.com/
Very Powerful
Very active community
OpenLayers
http://openlayers.org/
Maybe the best Open Source API
Lot of possibilities
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 13/36

15. 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 15/36

16. The Democratization Phase
Administration Link with others
of geographic data software
Map Map
Creation Publication
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 16/36

17. The Democratization Phase
CloudMade
GeoCommons
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 17/36

18. The Democratization Phase
TileMill
CartoDB
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 18/36

20. The Web in Web Mapping
WEB Mapping
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 20/36

21. Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 21/36

22. Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 22/36

23. Web Mapping process
Mapping
WEB
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 23/36

24. Web Mapping process
Easy to create
Ideal for a simple application
Not scalable
Not a lot of possibilities
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 24/36

25. Web Mapping process
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 25/36

26. Web Mapping process
Scalable and a lot of possibilities
Ideal for a professional application
Web Mapping expert needed
Informatics architecture needed
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 26/36

27. Web Mapping process
MapServer
Started in 1995 !!!
Linux, Window, Mac Os X
WMS, WFS, WPS
@ http://mapserver.org/
GeoServer
Started in 2001
Language Java
Linux, Window, Mac Os X
WMS, WFS, WPS
@ http://geoserver.org/display/GEOS/Welcome/
Mapnik
Language C++, Python
Linux, Window, Mac Os X
No WMS, WFS, WPS
Rendering map
@ http://mapnik.org/
QGIS Server
Based on QGIS
The missing link between desktop GIS and deb Maps
WMS/WFS support
@ http://hub.qgis.org/projects/quantum-gis/wiki/QGIS_Server_Tutorial
http://www.slideshare.net/gatewaygeomatics.com/wms-performance-shootout-2010
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 27/36

28. Web Mapping process
Caching Tiles
WMS ?
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 28/36

29. Web Mapping process
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 29/36

30. Web Mapping process
Client Server Database
Visualization of
Geographic data
(Zoom, Pan)
Geographic Process
(Reprojection, analyze)
Thematic Analysis
Storing
Geographic Data
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 30/36

32. Kartograph
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 32/36

33. D3.js
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 33/36

34. Switzerland GeoPortail
Kartograph
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 34/36

35. Books
Web Mapping Illustrated Mapping: A Critical Introduction
Using Open Source GIS Toolkits to Cartography and GIS
By Tyler Mitchell Chapter 3. Maps 2.0: Map Mashups and New Spatial Media
Publisher: O'Reilly Media By Jeremy W. Crampton
Publisher: Wiley
Introduction > A brief history of Web Mapping > What is WebMapping ? > Examples > Conclusion 35/36

36. Arnaud Vandecasteele
Memorial University of Newfoundland
Marine Geomatics Research Lab
http://www.marinegis.com/
@Geotribu
Resources used :
http://www.mindmeister.com/84442111/lecture-notes-history-of-web-mapping
http://en.wikipedia.org/wiki/Web_mapping#History_of_web_mapping
http://fr.slideshare.net/dbouwman/usability-in-the-geoweb-presentation
http://fr.slideshare.net/cageyjames/web-mapping-systems
http://www.geotests.net/cours/sigma/webmapping/
36/36