What would be the process to achieve this methodology?

At this point, I have set up a map.html for leaflet where I can generate a marker from a click event:

var map, newMarker, markerLocation;

map = L.map('map').setView([38.487, -75.641], 8);

L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
    maxZoom: 18
newMarkerGroup = new L.LayerGroup();
map.on('click', addMarker);

function addMarker(e){
// Add marker to map at click location; add popup window
var newMarker = new L.marker(e.latlng).addTo(map);

I am looking to setup up a script that can generate isochrones on a map after a specific location is clicked through either the Openrouteservice API or locally hosted Openrouteservice or Valhalla on docker. Already have code that completes this task directly in Python and sends the isochrone to a shapefile. Now I am looking to make it interactive.

I assume I would need to set up variables for the click even to generate the isochrone and then somehow display the generated polygon on the Leaflet map.

  • GIS SE site policy requires focused question, which amongst other things means one question per question. Please limit you question to only one focused question.
    – TomazicM
    May 7 at 11:17


Browse other questions tagged or ask your own question.