From ae7a3b1fbf8c806b65f3087472bcc8fb41c5f615 Mon Sep 17 00:00:00 2001
From: Boris Mericskay <boris.mericskay@univ-rennes2.fr>
Date: Fri, 9 Apr 2021 16:38:19 +0000
Subject: [PATCH] Update Basemapsmenu.html
---
Basemapsmenu.html | 21 ++++++++++++---------
1 file changed, 12 insertions(+), 9 deletions(-)
diff --git a/Basemapsmenu.html b/Basemapsmenu.html
index 65737e0..0673690 100644
--- a/Basemapsmenu.html
+++ b/Basemapsmenu.html
@@ -11,35 +11,38 @@
<style>
body { margin: 0; padding: 0; }
#map { position: absolute; top: 0; bottom: 0; width: 100%; }
-</style>
-</head>
-<body>
-<style>
-#menu {
+ #menu {
position: absolute;
background: #fff;
padding: 10px;
font-family: 'Open Sans', sans-serif;
}
</style>
+</head>
+<body>
+
<div id="map"></div>
<div id="menu"><b>Choose your Basemap Style</b> <hr>
-<input id="https://geoserveis.icgc.cat/contextmaps/osm-bright.json" type="radio" name="rtoggle" value="OSMbright" checked />OSM-Bright
+<input id="https://api.maptiler.com/maps/voyager/style.json?key=rrASqj6frF6l2rrOFR4A" type="radio" name="rtoggle" value="Night" checked />Voyager
+<input id="https://api.maptiler.com/maps/streets/style.json?key=rrASqj6frF6l2rrOFR4A" type="radio" name="rtoggle" value="Night" />Streets
+<input id="https://api.maptiler.com/maps/toner/style.json?key=rrASqj6frF6l2rrOFR4A" type="radio" name="rtoggle" value="Night" />Toner
+<input id="https://geoserveis.icgc.cat/contextmaps/hibrid.json" type="radio" name="rtoggle" value="Hibrid" />Hibrid
+<input id="https://geoserveis.icgc.cat/contextmaps/osm-bright.json" type="radio" name="rtoggle" value="OSMbright" />OSM-Bright
<input id="https://geoserveis.icgc.cat/contextmaps/icgc.json" type="radio" name="rtoggle" value="ICGC" />ICGC
<input id="https://geoserveis.icgc.cat/contextmaps/positron.json" type="radio" name="rtoggle" value="Positron" />Positron
-<input id="https://geoserveis.icgc.cat/contextmaps/hibrid.json " type="radio" name="rtoggle" value="Hibrid" />Hibrid
<input id="https://geoserveis.icgc.cat/contextmaps/fulldark.json" type="radio" name="rtoggle" value="Fulldark" />Fulldark
<input id="https://geoserveis.icgc.cat/contextmaps/night.json" type="radio" name="rtoggle" value="Night" />Night
</div>
<script>
+// Add map
var map = new mapboxgl.Map({
container: 'map',
-style: 'https://geoserveis.icgc.cat/contextmaps/osm-bright.json', //Fond de carte
+style: 'https://api.maptiler.com/maps/voyager/style.json?key=rrASqj6frF6l2rrOFR4A', //Fond de carte
zoom: 14,
center: [-1.68, 48.1272]
});
@@ -81,4 +84,4 @@ map.addControl(new mapboxgl.ScaleControl({position: 'bottom-right'}));
</script>
</body>
-</html
\ No newline at end of file
+</html
--
GitLab