Post on 15-Jul-2020
10/29/2015
1
The Future: Web Maps
Will web maps take over the world?
James Whitacre
GIS Specialist
University of Illinois, Main Library, Scholarly Commons
What are Web Maps…
• Any map you view on a web browser!
o Static (i.e. one scale resembling print) OR
oDynamic (i.e. multi-scale and pan-able or ‘slippy’)
• Require substantial GIS server technology and web programming to create
What are Web Maps…
• Often us GIS processing, such as routing, to let the user interact with the map
• Uses location-based technologies like GPS to help people navigate
• Major new trend in cartography
Where Did they Come From…
• Maps have been a normal part of human life for centuries…maybe forever!
• Maps have always been drawn or visualized on the latest technology available…
https://www.utexas.edu/courses/classicalarch/images1/Lion.jpg
Cave Walls
http://www.telegraph.co.uk/news/worldnews/europe/spain/5978900/Worlds-oldest-map-Spanish-cave-has-landscape-from-14000-years-ago.html
Stone Tablet
10/29/2015
2
https://upload.wikimedia.org/wikipedia/commons/d/da/Turin_Papyrus_map_part.jpg
Papyrus
https://upload.wikimedia.org/wikipedia/commons/b/b2/Mercator_1569.png
Old Paper
http://nacis.org/wp-content/uploads/2014/11/Cincinnati_Bike_Map.jpg
New Paper Shower Curtain
http://40.media.tumblr.com/704bb6a06e657b18a83cf6dae868f258/tumblr_mqteu2pxe21rasnq9o1_1280.jpg
Where Did they Come From…
• Maps have been a normal part of human life for centuries…maybe forever!
• Maps have always been drawn or visualized on the latest technology available…cave walls, stone tablets, papyrus, paper, shower curtains
• Maps on the web were a natural progression
http://map.sdsu.edu/geog583/images/xerox.jpg
10/29/2015
3
http://image.slidesharecdn.com/historyofwebmapping-110316101740-phpapp01/95/a-brief-history-of-web-
mapping-23-728.jpg?cb=1374108168 https://www.google.com/maps/@41.8300315,-87.9142667,10z/data=!5m1!1e3
http://output.jsbin.com/yehawu
Web Map Advantages
• Integrated into the web and apps
One device? Many devices? Desktop? Mobile? It doesn’t usually matter…web maps are integrated across all devices
• Maps easily and quickly respond to the user
Many views, change views, north-up, face your direction
Add a route, waypoint, find a place, find yourself!
Web Map Advantages
• Ask your map questionsWhere am I? Where is the coffee shop/bike rack/grandma’s house? What is the closest fueling station and how much is gas/ice cream
• Navigate!Need turn by turn directions…your route is found for you!
• Where have I been?Use GPS to record and save activity and movement, including speed, direction, elevation, etc.
Bicycle data and Web Maps
• Bike friendly or specific routes, trails, roads
Google added bike directions in 2010
• Bike Parking
10/29/2015
4
Bicycle data and Web Maps
• Bike Share Programs and Repair Stations
• Difficult/Problem Biking Areas
• Elevation – to avoid hills!
Interesting article: http://www.betterbybicycle.com/2014/09/how-accurate-are-google-maps-cycling.html
Good Bike Web Maps…or at least decent maps
• Google Maps Bicycle Layerhttps://www.google.com/maps/@41.5267639,-89.1023656,9.04z/data=!5m1!1e3
https://developers.google.com/maps/documentation/javascript/examples/layer-bicycling
• Portland Bike Maphttp://output.jsbin.com/yehawu
• Melbourne Bike Gridhttps://www.google.com/maps/d/u/0/viewer?mid=zkrlETnnrMC4.k01hIhWwUzFQ
• Bikemap.nethttp://www.bikemap.net/
Good Bike Apps…or at least decent apps
• MapMyRidehttp://www.mapmyride.com/
• Stravahttps://www.strava.com/
• BikeBrain (I’ve never used this, but it looked cool…)
https://itunes.apple.com/us/app/biologic-bikebrain-gps-bike/id424193629
• Check this list outhttp://road.cc/content/buyers-guide/158533-13-best-smartphone-cycling-apps-iphone-and-android
But I want to
create my
own Bike
Web Map…
Creating Web Maps
• Do you know how to create websites?
• Do you know how to use GIS software?
• Do you know have access to web serves and GIS servers?
• Do you have all your bike infrastructure data collected? Routes, racks, etc.
Get Started Creating Web Maps
• Esri ArcGIS Online• http://www.arcgis.com/
• MapBox• https://www.mapbox.com/
• CartoDB• https://cartodb.com/
• Mango Map• https://mangomap.com/