Background
The web version of SeisFinder2 will be developed in the near future. To make things easier, flask and google maps implementation along with some front end features are implemented.
Story / Deliverable
- Create dynamic webpage - if you change input the webpage responds interactively to the input change
- Clicking on Google maps - prints location's lat, lon
Tasks
Create dynamic webpage
- Make it a single/two page dynamic web application by making use of javacript & libraries.. The page responds to input changes. -2.5 day
Clicking on Google maps
- Flask and google maps integration using Google Maps API - 1 day
- Location selection by mouse click on map should print lat, lon -1 day
- Adding multiple lat, lon by typing in text boxes. Increase rows of text box for button click -2 day
Progress / Tasks completed
Create dynamic webpage
- Make it a single/two page dynamic web application by making use of javacript & libraries.. The page responds to input changes. -done
Several examples implemented for forms and input handling with flask. Examples also include file upload, file download, email sending and cookie setting.
Clicking on Google maps
- Flask and google maps integration using Google Maps API - done
- Location selection by mouse click on map should print lat, lon - done
- Adding multiple lat, lon by typing in text boxes. Increase rows of text box for button click -done
The google maps was integrated in the flask by using javascript, google maps API. User can select a location by mouse click.
For multiple locations to be added in the form, textboxes for lat, lon are provided. The number of these textboxes are dynamic. User can add/delete them. This feature provides an alternative to upload a csv file with multiple locations in it.