The mississippi shelterbox pick a mile project

We have a donation site for user's to donate to someone canoeing down the river. We want to start with a small front end 'widget'. The deliverable is a snippet of javascript embedded in an portable html file. Upon opening the html (containing the javascript) in any of common browser (Chrome/Firefox/Safari etc) The browser will display a google map zoomed to the area of the entire Mississippi river. Using Google api and provided input of 2550 waypoints (a Linestring) in KML format representing the 2550 miles along the river, display the linestring on the map. When a user clicks on any one of the waypoints representing one of the miles along the river, a form will popup. The user will enter their first name last name and email address and click submit button. The submit button onsubmit will trigger an email that sends the provided first name last name email address and chosen mile number (the integer presenting the mile between 0-2550) to an static admin email tbd. The clients will then take this widget adapt as necessary, and deploy their website.