Strand Map Service

Example Code

These example clients illustrate how the API is used to create a custom page. The clients may be downloaded and used as a template for starting a new page.

Clients:

  • Example 1 - Displays a map and shows summary information in the information bubble when the user selects a benchmark in the map. Also demonstrates how to include the Top Picks and Related Resources tabs and how to choose which NSDL collections to search over.
  • Example 2 - Registers for events that occur in the maps, inserts and updates content in the information bubble and tabs and displays student misconception research.
  • Example 3 - Access data in JSON form and displays information about benchmarks and the parent nodes for a given benchmark, Pulls in HTML, video and a Google map to the information bubble using AJAX. It also shows how to display custom content in the print view and to display a simple help screen for the user.
  • Example 4 - Displays a single map using an iframe.
  • Example 5 - Provides access to a subset of maps with a custom strand selector.