diff --git a/Clusterthematic.html b/Clusterthematic.html index f182e16a6b4fe56b2ce79924c7ccb2ba71cd53cc..a376d65d55867ab326daae13688b7dc36be41493 100644 --- a/Clusterthematic.html +++ b/Clusterthematic.html @@ -28,7 +28,6 @@ margin-right: 5px; } - </style> </head> @@ -36,13 +35,13 @@ <body> <div id="map"></div> - <div class='map-overlay' id='legend'></div> + <div class='map-overlay' id='legend'></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 @@ -75,7 +74,7 @@ var map = new mapboxgl.Map({ } -// CLUSTER THEMATIQUE +// Thematic cluster variables var mag1 = ['match',['get', 'type'], ['A'], @@ -124,6 +123,9 @@ map.on('load', function () { } }); + +// Cluster Labels + map.addLayer({ 'id': 'earthquake_label', 'type': 'symbol', @@ -290,16 +292,13 @@ r + r0 * y0, } - - - // 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>