Turf playground

Turf.js sandbox for testing functions

by Chris Bao

HTML

<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css">
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script src="https://api.mapbox.com/mapbox.js/plugins/leaflet-geodesy/v0.1.0/leaflet-geodesy.js"></script>
<script src="	https://npmcdn.com/@turf/turf/turf.min.js"></script>
<div id="map"></div>

CSS

#map {
  height: 500px;
}

.u-turn-icon {
  transform: rotate(20deg) !important
}

JavaScript

var map = L.map("map").setView([42.40466, -71.076744], 12);

L.tileLayer('https://stamen-tiles.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}.png', {
  attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

// add a marker to the map
const uturnIcon = L.icon({
  iconUrl: 'http://joshuafrazier.info/images/firefox.svg',
  iconSize: [30, 30],
  className: 'u-turn-icon'
})

L.marker([42.40466, -71.076744], {
	icon: uturnIcon
}).addTo(map)