tigrish/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>San Juan Island</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="https://mapzen.com/js/mapzen.css">
    <script src="https://mapzen.com/js/mapzen.min.js"></script>
    <style>
      #map {
        height: 100%;
        width: 100%;
        position: absolute;
      }
    html,body{margin: 0; padding: 0}
  </style>
  </head>
  <body>
    <div id="map"></div>
    <script>
      var san_juan_island = [48.5326, -123.0879];

      var map = L.Mapzen.map('map', {
        center: san_juan_island,
        zoom: 11,
        scene: 'scene.yml'
      });

      // Move zoom control to the top right corner of the map
      map.zoomControl.setPosition('topright');

      // Mapzen Search box
      const geocoder = L.Mapzen.geocoder('mapzen-JA21Wes');
      geocoder.addTo(map);

    </script>
  </body>
</html>

## scene.yml
import: https://mapzen.com/carto/refill-style/4/refill-style.yaml

sources:
    _nps_boundary:
        type: GeoJSON
        url: https://gist.githubusercontent.com/rfriberg/684645c22f495b4a46f29fb312b6d268/raw/843ed38a3920ed199082636fe198ba995f5cfc04/san_juan_nhp.geojson

layers:
    _national_park:
        data: { source: _nps_boundary }
    draw:
      polygons:
        color: '#BCE3B4'
        order: global.sdk_order_under_roads_0
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>San Juan Island</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="https://mapzen.com/js/mapzen.css">
	<script src="https://mapzen.com/js/mapzen.min.js"></script>
	<style>
	#map {
	height: 100%;
	width: 100%;
	position: absolute;
	}
	html,body{margin: 0; padding: 0}
	</style>
	</head>
	<body>
	<div id="map"></div>
	<script>
	var san_juan_island = [48.5326, -123.0879];

	var map = L.Mapzen.map('map', {
	center: san_juan_island,
	zoom: 11,
	scene: 'scene.yml'
	});

	// Move zoom control to the top right corner of the map
	map.zoomControl.setPosition('topright');

	// Mapzen Search box
	const geocoder = L.Mapzen.geocoder('mapzen-JA21Wes');
	geocoder.addTo(map);

	</script>
	</body>
	</html>
	import: https://mapzen.com/carto/refill-style/4/refill-style.yaml

	sources:
	_nps_boundary:
	type: GeoJSON
	url: https://gist.githubusercontent.com/rfriberg/684645c22f495b4a46f29fb312b6d268/raw/843ed38a3920ed199082636fe198ba995f5cfc04/san_juan_nhp.geojson

	layers:
	_national_park:
	data: { source: _nps_boundary }
	draw:
	polygons:
	color: '#BCE3B4'
	order: global.sdk_order_under_roads_0