Difference between revisions of "Test"

From A.P.E.S. wiki
Jump to navigation Jump to search
(Blanked the page)
Tag: Blanking
 
(102 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<html>
 
<head>
 
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin=""/>
 
    <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script>
 
  
<style>
 
.leaflet-container {
 
height: 400px;
 
width: 600px;
 
max-width: 100%;
 
max-height: 100%;
 
}
 
</style>
 
 
 
</head>
 
<body>
 
 
 
 
<div id="map" style="width: 600px; height: 400px;"></div>
 
<script>
 
var cities = L.layerGroup();
 
 
var mLittleton = L.marker([39.61, -105.02]).bindPopup('This is Littleton, CO.').addTo(cities);
 
var mDenver = L.marker([39.74, -104.99]).bindPopup('This is Denver, CO.').addTo(cities);
 
var mAurora = L.marker([39.73, -104.8]).bindPopup('This is Aurora, CO.').addTo(cities);
 
var mGolden = L.marker([39.77, -105.23]).bindPopup('This is Golden, CO.').addTo(cities);
 
 
var mbAttr = 'Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>';
 
var mbUrl = 'https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw';
 
 
var grayscale = L.tileLayer(mbUrl, {id: 'mapbox/light-v9', tileSize: 512, zoomOffset: -1, attribution: mbAttr});
 
var streets = L.tileLayer(mbUrl, {id: 'mapbox/streets-v11', tileSize: 512, zoomOffset: -1, attribution: mbAttr});
 
 
var map = L.map('map', {
 
center: [39.73, -104.99],
 
zoom: 10,
 
layers: [grayscale, cities]
 
});
 
 
var baseLayers = {
 
'Grayscale': grayscale,
 
'Streets': streets
 
};
 
 
var overlays = {
 
'Cities': cities
 
};
 
 
var layerControl = L.control.layers(baseLayers, overlays).addTo(map);
 
</script>
 
 
 
 
</body>
 
</html>
 

Latest revision as of 05:51, 29 September 2022