This is a short 2 x 2 hour workshop for Introduction to Web Mapping and Internet GIS. The workshop course is designed to provide a gentle introduction to 'getting maps on web-pages'. There is a focus on using open source tools and open source software on data. We will use OpenStreetMap maps and data, Leaflet for our map Javascript, and look to open data sources for other data. The workshop assumes that you have XAMPP (http://www.apachefriends.org/index.html installed to provide a web-server environment and a text editor such as Geany http://www.geany.org/. The workshop notes and slides make reference to MS Windows path names - these can be easily changed for Linux and MAC installations of XMAPP - please refer to the XAMPP documentation for details.
The course is delivered by Dr. Peter Mooney (Web Page). The course assumes no prior knowledge of web server technologies, Javascript, or programming. At the end of the second workshop the entire lecture notes in PDF and Open Document Format will be uploaded to this GitHUB respository.
- GetLatLong - a nice web-based utility to find the Lat Long of any location. http://dbsgeo.com/latlon/
- Learn more about Leaflet Mapping http://leafletjs.com/. Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps. Leaflet will be used as the mapping container for all our maps in these workshops.
- Want different map layer styles from OpenStreetMap data in Leaflet? http://leaflet-extras.github.io/leaflet-providers/preview/
-
EPA Horizon2020 Visitor Map
http://erc.epa.ie/h2020catalogue/map2.php
Full size EPA Horizon2020 Map: http://erc.epa.ie/h2020catalogue/mapFull.php
- GeoJSON.io - a great web-based application which allows you to create your own GeoJSON files geojson.io
-
US Geological Survey: Earthquake Hazards Program
GeoJSON feeds.
- Visibone Color Lab: For help picking out the HEX values of Colors: http://www.visibone.com/colorlab/
-
Leaflet and Google: http://matchingnotes.com/javascripts/leaflet-google.js http://bl.ocks.org/crofty/2197701 http://matchingnotes.com/using-google-map-tiles-with-leaflet
https://raw.githubusercontent.com/shramov/leaflet-plugins/master/layer/tile/Google.js
- OpenStreetMap - Shapefiles for the entire world - updated every hour. GeoFabrik. http://download.geofabrik.de/ - free and open data to download. The GeoJSON files for this workshop were created from these Shapefiles.
-
NASA Imagery http://modis.gsfc.nasa.gov/gallery/individual.php?db_date=2014-03-25