Published on GEOG 585: Web Mapping (https://www.e-education.psu.edu/geog585)

Home > Lessons > Lesson 6: Putting layers together with a web mapping API > Lesson 6 assignment: Overlay your own data in Leaflet and examine real world use of a web mapping API

Lesson 6 assignment: Overlay your own data in Leaflet and examine real world use of a web mapping API

This week's assignment has two parts:

  • The first piece of the assignment requires you to adapt the Lesson 6 walkthrough to your own data. Recall that in the Lesson 4 assignment, you served a WMS using some of your term project data. For this week's assignment, overlay this WMS on a tiled map using Leaflet. Get the popups working on the WMS as well.

    The tiled map can either be the map you made in the Lesson 5 assignment or it can be a third-party hosted set of OpenStreetMap tiles.

    This task will require just some minor adaptation of the walkthrough code.

    The deliverables for this part of the project are A) your code, B) a screenshot of the two maps overlayed with a popup displayed (just like the graphics in the walkthrough), and C) short (200 - 300 word) write-up reflecting on how this part of the assignment went for you, what problems you encountered,  and insights you gained from it.
     
  • Read this GIS Stack Exchange post: How do various JavaScript mapping libraries compare? [2] Then find and critique a web map made using OpenLayers, Leaflet, or another web mapping API. Examine the source code and then submit an approximately 300 - 500 word evaluation describing:
    • The URL of the app (so that I can also see it).
    • Which API was used?
    • Which services/layers are brought into this map?
    • What principal features/classes of the API were used? For full credit, include links to the API reference documentation for these classes.
    • What is one coding technique you learned by looking at the source code of this map?
    • Which features could have been added to improve the map?

           Please use short paragraphs not just bullet point lists to address the points above!

Zip these deliverables into a single folder and place them in the Lesson 6 assignment drop box on Canvas.


Source URL: https://www.e-education.psu.edu/geog585/node/764

Links
[1] http://leafletjs.com/examples.html
[2] http://gis.stackexchange.com/questions/8032/how-do-various-javascript-mapping-libraries-compare?rq=1