leaflet-environmental-layers
Version:
[](https://gitpod.io/#https://github.com/publiclab/leaflet-environmental-layers/) [](http
73 lines (50 loc) • 3.19 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta property="og:title" content="Leaflet Environmental Layers" />
<meta property="og:description" content="Collection of different environmental map layers in an easy to use Leaflet library."/>
<meta property="og:image" content="https://avatars2.githubusercontent.com/u/4621650?s=200&v=4"/>
<meta property="og:url" content="https://publiclab.github.io/leaflet-environmental-layers/example/#3/50.51/56.78/BL2"/>
<meta name="twitter:card" content="summary_large_image" />
<title>Leaflet Environmental Layers</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="../node_modules\bootstrap\dist\css\bootstrap.min.css">
<script src="../node_modules\jquery\dist\jquery.min.js"></script>
<script src="../node_modules\bootstrap\dist\js\bootstrap.min.js"></script>
<script src="../node_modules/leaflet/dist/leaflet.js"></script>
<script src="../node_modules/leaflet-blurred-location/dist/Leaflet.BlurredLocation.js"></script>
<script src="../node_modules/leaflet.blurred-location-display/dist/Leaflet.BlurredLocationDisplay.js"></script>
<script src="../dist/LeafletEnvironmentalLayers.js"></script>
<script src="../src/windRoseLayer.js"></script>
<script src="../node_modules/leaflet-fullhash/leaflet-fullHash.js"></script>
<script src="../node_modules/heatmap.js/build/heatmap.min.js"></script>
<script src="../node_modules/leaflet-heatmap/leaflet-heatmap.js"></script>
<link href="../node_modules/leaflet/dist/leaflet.css" rel="stylesheet" />
<link href="../dist/LeafletEnvironmentalLayers.css" rel="stylesheet" />
<link href="../node_modules\@fortawesome\fontawesome-free\css\all.min.css" rel="stylesheet" />
<script src="../node_modules/leaflet-spin/example/spin/dist/spin.min.js"></script>
<script src="../node_modules/leaflet-spin/example/leaflet.spin.min.js"></script>
<script src="https://unpkg.com/esri-leaflet@2.2.3/dist/esri-leaflet.js"></script>
<script src="https://unpkg.com/esri-leaflet-renderers@2.0.6"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OverlappingMarkerSpiderfier-Leaflet/0.2.6/oms.min.js"></script>
<script src="../lib/glify.js"></script>
<script src="../lib/leaflet-fullUrlHash.js"></script>
<script src="../node_modules/leaflet-google-places-autocomplete/src/js/leaflet-gplaces-autocomplete.js"></script>
<link rel="stylesheet" href="../node_modules/leaflet-google-places-autocomplete/src/css/leaflet-gplaces-autocomplete.css">
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAOLUQngEmJv0_zcG1xkGq-CXIPpLQY8iQ&libraries=places"></script>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="map"></div>
<script src="./layers.js"></script>
<script>
// Info displayed on top of map
var displayInfo = new L.control.info({
text: 'Pan & zoom the map below and select layers to display, then use the `</>` button to generate an embed code you can use on your own website.'
});
displayInfo.addTo(map);
</script>
</body>
</html>