D3 Examples - Tangram & Leaflet

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css"
   integrity="sha512-07I2e+7D8p6he1SIM+1twR5TIrhUQn9+I6yjqD53JQjFiMf8EtC93ty0/5vJTZGF8aAocvHYNEDJajGdNx1IsQ=="
   crossorigin=""/>
  <style>
    body { margin:0; position: fixed; top: 0; bottom: 0; left: 0; right: 0;}
    #map { height: 100%; width: 100%; }
  </style>
</head>
<body>
  <div id="map"></div>
  <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"
   integrity="sha512-A7vV8IFfih/D732iSSKi20u/ooOfj/AGehOKq0f4vLT1Zr2Y+RX7C+w8A1gaSasGtRUZpF/NZgzSAu4/Gc41Lg=="
   crossorigin=""></script>
  <script src="https://mapzen.com/tangram/tangram.min.js"></script>
  <script>
        var map = L.map('map').setView([51.505, -0.09], 13);
        var layer = Tangram.leafletLayer({ scene: 'scene.yaml' });
        layer.addTo(map);
  </script>
</body>
​
    