Skip to content

Latest commit

 

History

History
40 lines (25 loc) · 1.96 KB

readme.md

File metadata and controls

40 lines (25 loc) · 1.96 KB
Raw

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.

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!