Readme

This repo is practice for the mapbox api and general javascript coding.

Attribution

Inspired by Jordan Lim's McDonald's voroni map.

Tools

MapBox

Documentation

Plain isochrone map

• Made with help from the tutorial below and this demo.
• Tutorial

Isochrone with Store locator

Made with help from the tutorial below, with some modifications.

• Tutorial

Geocoder

Added geocoder with results limited to Singapore. Link to instructions..

Custom control to toggle isochrone

Followed the instructions here to create a custom plugin to toggle the coverage.

Draggable marker to display dynamic isochrone

Added a draggable marker which will also update location based on geocoder search result. A isochrone will be generated from the marker location based on the current settings (e.g. 10/20/30minutes).
This demo helped a lot.

turf.js practice

Followed the following example. The mac location nearest to the draggable marker will be highlighted with a red circle. This is determined by using turf.nearest(point, featureCollection).

To do:

• Figure out why the last listing has differentn styling. Fixed thanks to u/bigzij!