21 lines
725 B
Markdown
21 lines
725 B
Markdown
|
---
|
||
|
|
layout: tutorial_frame
|
||
|
|
title: Choropleth Tutorial
|
||
|
|
---
|
||
|
|
<script type="text/javascript" src="us-states.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
|
||
|
|
var map = L.map('map').setView([37.8, -96], 4);
|
||
|
|
|
||
|
|
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpandmbXliNDBjZWd2M2x6bDk3c2ZtOTkifQ._QA7i5Mpkd_m30IGElHziw', {
|
||
|
|
maxZoom: 18,
|
||
|
|
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
|
||
|
|
'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
|
||
|
|
'Imagery © <a href="http://mapbox.com">Mapbox</a>',
|
||
|
|
id: 'mapbox.light'
|
||
|
|
}).addTo(map);
|
||
|
|
|
||
|
|
var geojson = L.geoJson(statesData).addTo(map);
|
||
|
|
|
||
|
|
</script>
|