leaflet-environmental-layers
Version:
[](https://gitpod.io/#https://github.com/publiclab/leaflet-environmental-layers/) [](http
87 lines (63 loc) • 2.64 kB
HTML
<html lang="en">
<head>
<title>Leaflet Environmental Layers</title>
<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="../../../lib/leaflet-fullUrlHash.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></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" />
<link rel="stylesheet" href="../../../example/styles.css">
</head>
<body>
<script type="text/javascript">
</script>
<div id="map"></div>
<script>
var bounds = new L.LatLngBounds(
new L.LatLng(84.67351257, -172.96875),
new L.LatLng(-54.36775852, 178.59375)
);
var map = L.map("map", {
maxBounds: bounds,
maxBoundsViscosity: 0.75
}).setView([43, -83], 3);
map.options.minZoom = 3;
var baselayer1 = L.tileLayer(
"https://a.tiles.mapbox.com/v3/jywarren.map-lmrwb2em/{z}/{x}/{y}.png",
{
attribution:
'© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}
).addTo(map);
// var PFASTracker = L.layerGroup.pfasLayer();
// var Fractracker = L.layerGroup.layerCode('fractracker');
// var OdorReport = L.layerGroup.layerCode('odorreport');
// var EonetFiresLayer = L.geoJSON.eonetFiresLayer();
var baseMaps = {
'Standard': baselayer1,
};
var overlayMaps = {
// 'Fractracker': Fractracker,
// 'PFASTracker': PFASTracker,
// 'OdorReport': OdorReport,
// 'EONET Fires': EonetFiresLayer,
};
var allMapLayers = {
'Standard': baselayer1,
// 'FracTL': Fractracker,
// 'PFAS': PFASTracker,
// 'OdorR': OdorReport,
// 'EONETFires': EonetFiresLayer,
};
var leafletControl = new L.control.layers(baseMaps, overlayMaps);
leafletControl.addTo(map);
var embedControl = new L.control.embed();
embedControl.addTo(map);
</script>
</body>
</html>