Interactive Page with Leaflet Open Source Mapping API

Created by: Sujan Chandra Mondol
Course : CE 514 - Geospatial Software Development
Assignment number/name: A5 - Build an Interactive Page with Leaflet Open Source Mapping API
Date: 27 January, 2025

Requirements Met:
Part 1 Part 2
  • A map zoomed to the hometown
  • Included point markers showing the house, school, religious place, and neighborhood market
  • Included a pop-up information bubble for each of the markers
  • Added a polygon showing the boundaries of the house property
  • Added a circle showing (roughly) the area with 10 minutes of walking distance from home
  • Used CSS to style the page and make it pretty
  • A form added to take user inputs on coordinates of two locations on the Earth surface and showed them on leaflet map
  • The geographic distance between that two locations computed and shown using JavaScript
  • The corresponding great circle coordinates were computed and the great circle arcs were drawn on map
  • The leaflet map set to change interactively as per the user inputs
FIND THE GREAT CIRCLE
Location 1:
Location 2: