Zaterna/OpenDiachronicMaps
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

reorgation du code

Browse source
This commit is contained in:
JS 2023-10-28 19:12:56 +02:00
parent 238b35288f
commit 68dcef7596
5 changed files with 95 additions and 96 deletions
Download patch file Download diff file Expand all files Collapse all files

49
index.html Normal file
View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<base target="_top">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Layers Control Tutorial - Leaflet</title>
<link rel="shortcut icon" type="image/x-icon" href="docs/images/favicon.ico" />
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
<style>
html, body {
height: 100%;
margin: 0;
}
.leaflet-container {
height: 400px;
width: 600px;
max-width: 100%;
max-height: 100%;
background-color: white;
outline:auto;
}
</style>
</head>
<body>
<div class="sliderBox">
<input type="range" min="1" max="100" value="50" class="slider" id="myRange">
<span id ="sliderOutput"></span>
<div id="scaleOutput"></div>
</div>
<div id='Map'></div>
<script src="layers.js"></script>
<script>
const map = L.map('Map', {
center: [48.1214044, -1.7109459],
zoom: 17,
layers: [osm]
});
</script>
<script src="layerControl.js"></script>
<script src="scaleGesture.js"></script>
</body>
</html>