From 82a1324916cbee8295b1654818dc9cfd4d41f92d Mon Sep 17 00:00:00 2001
From: Boris Mericskay <boris.mericskay@univ-rennes2.fr>
Date: Mon, 12 Apr 2021 20:31:22 +0000
Subject: [PATCH] Update GraduatedCircles.html
---
GraduatedCircles.html | 36 +++++++++++-------------------------
1 file changed, 11 insertions(+), 25 deletions(-)
diff --git a/GraduatedCircles.html b/GraduatedCircles.html
index 657c856..ca38a84 100644
--- a/GraduatedCircles.html
+++ b/GraduatedCircles.html
@@ -7,10 +7,6 @@
<style>
#map {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
-
-
-
-
</style>
</head>
@@ -19,22 +15,21 @@
<div id="map"></div>
-
<script>
- //Appel et configuration de la carte
+// Map configuration
var map = new mapboxgl.Map({
container: 'map',
- style: 'https://geoserveis.icgc.cat/contextmaps/positron.json', //Fond de carte
+ style: 'https://geoserveis.icgc.cat/contextmaps/positron.json', // basemap
zoom: 11.7, // Zoom
- center: [2.335, 48.854], // Centrage carte
- pitch: 10, // Inclinaison carte
- bearing: 0, // Rotation carte
+ center: [2.335, 48.854], // Map center
+ pitch: 10, // Inclinaison
+ bearing: 0, // Rotation
minZoom:11.7
});
- // Ajout des données
+ // Add date (Geojson)
map.on('load', function () {
@@ -54,7 +49,6 @@ map.on('load', function () {
});
-
// Add bike stations
map.addSource('Stations', {
@@ -71,20 +65,15 @@ map.on('load', function () {
'circle-radius': {
property: 'capacity',
type: 'exponential',
- stops: [
- [0, 0],
- [95, 20]
- ]
- },
+ stops: [[0, 0],
+ [95, 20]]},
'circle-color': '#0074D9'}}
);
-
-
});
- //Interactivité HOVER
+ // Interactivity configuration (popup)
var popup = new mapboxgl.Popup({
className: "Mypopup",
@@ -108,16 +97,13 @@ map.on('mousemove', function(e) {
});
-
-
- // Ajout controle de navigation et echelle
+// Add navigation control and scale
map.addControl(new mapboxgl.NavigationControl({position: 'top-left'}));
-
map.addControl(new mapboxgl.ScaleControl({position: 'bottom-right'}));
</script>
</body>
-</html>
\ No newline at end of file
+</html>
--
GitLab