D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
burritojustice
Full window
Github gist
vegas usgs
Built with
blockbuilder.org
<!DOCTYPE html> <html lang="en"> <head> <title>San Juan Island Geology - Interactivity</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: 13, scene: 'scene.yaml', }); // Add attribution for NPS geology data map.attributionControl.addAttribution('Geology data © <a href="https://www.nps.gov">NPS</a>'); // Mapzen Search box (replace key with your own) // To generate your own key, go to https://mapzen.com/developers/ var geocoder = L.Mapzen.geocoder('mapzen-JA21Wes'); geocoder.addTo(map); // ADD LAYER TOGGLE // ADD SELECTION EVENTS // ADD HIGHLIGHT // ADD TANGRAMLOADED LISTENER </script> </body> </html>
https://mapzen.com/js/mapzen.min.js