Leaflet API test area


KCD Farm Plans (Example)

An interactive web map marking 10 KCD farm plan address locations.

Clicking on a marker displays the First Name on the farm plan. The name is a hyperlink that is currently pointing to a test page on the Atlas site.

Leaflet APIs used:

  • Map with center, minZoom, and zoom (creates map)
  • TileLayer with attribution (lower right note) and subdomains (of the tile service)
  • Icon with iconUrl, iconRetinaUrl, iconSize, iconAnchor, and popupAnchor (clickable point symbol)
  • Marker uses JSON to create a table of data for the markers (first name, url, lat, lon)