diff --git a/osm-local-groups-bubbles/index.html b/osm-local-groups-bubbles/index.html index 45bc7523..0179d72e 100644 --- a/osm-local-groups-bubbles/index.html +++ b/osm-local-groups-bubbles/index.html @@ -480,7 +480,7 @@ '#51bbd6', 1, '#f1f075', - 20, + 40, '#f28cb1' ], 'circle-radius': [ @@ -546,6 +546,7 @@ map.on('click', 'unclustered-point', function (e) { var coordinates = e.features[0].geometry.coordinates.slice(); var Groupe = e.features[0].properties.Groupe; + var Descriptif = e.features[0].properties.Descriptif; var mag = e.features[0].properties.Periodicite; var addr = e.features[0].properties.Adresse; var cp = e.features[0].properties.CP; @@ -556,6 +557,7 @@ // Ensure that if the map is zoomed out such that // multiple copies of the feature are visible, the // popup appears over the copy being pointed to. + console.log('e.lngLat', e.lngLat , e) while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) { coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360; } @@ -563,7 +565,13 @@ new maplibregl.Popup() .setLngLat(coordinates) .setHTML( - `

${Groupe}


rencontres: ${mag}
${addr}, ${cp}, ${ville}
${website}` + `

⛯${Groupe}


🗓️🗓️ rencontres: ${mag}
${addr}, ${cp}, ${ville} +
🌐 ${website} +
👤👤 👤${e.features[0].properties.User} +
+
${Descriptif}
+ +` ) .addTo(map); });