Mapbox API and Plugin Integration for a Simple Interactive Web Map

Interactive Web Map using Leaflet ([url removed, login to view]) and Mapbox API

Very minimal programming required, you just have to compile and make an existing API work and request it.

Main objectives

1. Include search control in Leaflet ([url removed, login to view])

2. Users can click a place on the map and coordinates will be stored

3. The stored coordinates will then be used as parameters for Mapbox's Isochrone Plugin

([url removed, login to view])

([url removed, login to view])

4. There will be three options for time range for the isochrone: 15 minutes, 30 minutes, and 1 hour.

4. The calculated isoline can then be shown on the map using a “Calculate Isochrone” button. -

Remarks - I want to use Leaflet as the map, but if you have a better idea, let me know.

I used mapbox tiles for the basemap, centered on a city in Manila, Philippines. If you want to use a different tile layer, let me know.

var map = [url removed, login to view]('map').setView([14.546519, 121.054892], 13);

[url removed, login to view](

'[url removed, login to view]{z}/{x}/{y}?access_token=sk.eyJ1IjoiYXByaWxpbSIsImEiOiJjajh5OWg2emMxdzE4MnFuN2prbm0yd216In0.Cq6nVGQknANuw_12u4mFHw', { tileSize: 512, zoomOffset: -1, attribution: '© <a href="[url removed, login to view]">Mapbox</a> © <a href="[url removed, login to view]">OpenStreetMap</a>' }).addTo(map);

API CSS HTML JavaScript jQuery / Prototype

Projektin tunnus: #15497033

Tietoa projektista