2f:Taa6,// Carte Leaflet Premier_essai = { // Création du

conteneur de la carte let container = DOM.element('div', { style: `width:${width}px;height:${width/2}px` }); // Rendu du conteneur pour qu'il se dimensionne avant que Leaflet ne dessine la carte yield container; // Création de la carte avec une projection en EPSG:4326 let map = L.map(container, { }).setView([40.7128, -74.0060], 3); // Coordonnées de New York City, zoom level 6 let Esri_WorldPhysical = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Physical_Map/MapServer/tile/{z}/{y}/{x}', { attribution: 'Tiles © Esri — Source: US National Park Service', maxZoom: 7 }).addTo(map); // Ajout d'une échelle const echelle = L.control.scale().addTo(map); // ajout des points en brut var Cesc1 = L.circle([32.3156626331877,-64.7465714107114], { color: '#000', fillColor: '#1ba4b6', weight: 1, opacity: 1, fillOpacity: 1, radius: 100000 }).addTo(map); var Cesc2 = L.circle([17.0675469492011,-61.8053987807673], { color: 'lightblue', fillColor: '#f03', fillOpacity: 1, radius: 100000 }).addTo(map); var Cvie1 = L.circle([21.8014559019558,-71.7776907581369], { color: 'lightblue', fillColor: '#f03', fillOpacity: 1, radius: 100000 }).addTo(map); var Cnais = L.circle([32.2979510216876,-64.7632066612944], { color: 'lightblue', fillColor: '#f03', fillOpacity: 1, radius: 100000 }).addTo(map); var Cpubli = L.circle([51.5069867525184,-0.12839856893592], { color: 'lightblue', fillColor: '#f03', fillOpacity: 1, radius: 100000 }).addTo(map); // couleurs = naissance = "#1CB1C4"; // deces = "#6E2168"; // lieuvie = "#20A238"; // esclavage = "#2E4C9B"; // publication = "#ED6D1D"; // Faire la polyligne qui lie ces points : var points = [ Cnais.getLatLng(), // Coordonnées du cercle Cnais Cesc1.getLatLng(), // Coordonnées du cercle Cesc1 Cesc2.getLatLng(), // Coordonnées du cercle Cesc2 Cvie1.getLatLng(), // Coordonnées du cercle Cvie1 Cpubli.getLatLng() // Coordonnées du cercle Cpubli ]; var polyline = L.polyline(points, { color: 'grey', weight: 5 }).addTo(map); // Ajout de la pointe de flèche avec PolylineDecorator polyline = L.polylineDecorator(polyline, { patterns: [ { offset: '100%', // Position de la flèche repeat: 0, // Pas de répétition symbol: L.Symbol.arrowHead({ pixelSize: 20, polygon: true, pathOptions: { fillOpacity: 1, weight: 0, color: 'grey' } }) } ] }).addTo(map); }30:T1276, carte_flèche_courbe = { var container = DOM.element('div', { style: `width:${width}px;height:${width / 2}px` }); yield container; var map = L.map(container).setView([40.7128, -74.0060], 3); var Esri_WorldPhysical = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Physical_Map/MapServer/tile/{z}/{y}/{x}', { attribution: 'Tiles © Esri — Source: US National Park Service', maxZoom: 7 }).addTo(map); var echelle = L.control.scale().addTo(map); // création des cercles selon le fichier de style function circleWithStyle(latLng, rayon, classe) { var marker = L.circleMarker(latLng, { radius: rayon, fillColor: getFillColor(classe), color: 'black', weight: 5, fillOpacity: 1 }); return marker; } function getFillColor(classe) { switch (classe) { case 'esclavage': return '#2E4C9B'; case 'lieuvie': return '#20A238'; case 'naissance': return '#1ba4b6'; case 'deces': return '#902587'; case 'publication': return '#ff7800'; default: return '#FFFFFF'; } } // Ajout des cercles sur la carte var Cesc1 = circleWithStyle([32.3156626331877, -64.7465714107114], 10, 'esclavage').addTo(map); var Cesc2 = circleWithStyle([17.0675469492011, -61.8053987807673], 10, 'esclavage').addTo(map); var Cvie1 = circleWithStyle([21.8014559019558, -71.7776907581369], 10, 'lieuvie').addTo(map); var Cnais = circleWithStyle([32.2979510216876, -64.7632066612944], 10, 'naissance').addTo(map); var Cpubli = circleWithStyle([51.5069867525184, -0.12839856893592], 10, 'publication').addTo(map); // Courbe entre Cesc1 et Cesc2 var C1 = L.curve( [ 'M', [32.3156626331877, -64.7465714107114], // Point de départ 'Q', [24.0, -50], // Point de contrôle pour la courbure [17.0675469492011, -61.8053987807673] // Point final ], { color: 'grey', weight: 5, opacity: 1, dashArray: '0, 0', } ).addTo(map); C1.bringToBack(); //fais passer la courbe sous les points // Ajoute une info-bulle à la courbe C1.bindPopup('Itinéraire réalisé en tant qu\'esclave'); // Courbe entre Cesc2 et Cvie1 var C2 = L.curve( [ 'M', [17.0675469492011, -61.8053987807673], 'Q', [8, -80], [21.8014559019558, -71.7776907581369] ], { color: 'grey', weight: 5, opacity: 1, dashArray: '0, 0', } ).addTo(map); C2.bringToBack(); C2.bindPopup('Itinéraire réalisé en tant que femme libre de fait'); // Courbe entre Cvie1 et Cpubli (rouge) var C3 = L.curve( [ 'M', [21.8014559019558, -71.7776907581369], 'Q', [70, -55], [51.5069867525184, -0.12839856893592] ], { color: 'red', weight: 5, dashArray: '5, 10', opacity: 1, dashArray: '0, 0', } ).addTo(map); C3.bringToBack(); C3.bindPopup('Itinéraire réalisé en tant que femme libre de fait'); // Fonction pour générer des points intermédiaires le long de la courbe quadratique function generateQuadraticCurvePoints(p0, p1, p2, numPoints) { var points = []; for (var t = 0; t <= 1; t += 1 / numPoints) { var x = Math.pow(1 - t, 2) * p0[0] + 2 * (1 - t) * t * p1[0] + Math.pow(t, 2) * p2[0]; var y = Math.pow(1 - t, 2) * p0[1] + 2 * (1 - t) * t * p1[1] + Math.pow(t, 2) * p2[1]; points.push([x, y]); } return points; } // Coordonnées de C3 var C3coords = [ [21.8014559019558, -71.7776907581369], // Point de départ [70, -55], // Point de contrôle [51.5069867525184, -0.12839856893592] // Point final ]; // Générer plus de points pour une courbe plus lisse var smoothC3coords = generateQuadraticCurvePoints(C3coords[0], C3coords[1], C3coords[2], 300); // 300 points d'inflexion // Création de la polyligne C3flèche qui suit C3 (jaune) var C3flèche = L.polyline(smoothC3coords, { color: 'yellow', weight: 5, opacity: 1 }).addTo(map); C3flèche.bringToBack(); // Ajout d'un décorateur de polyligne avec une flèche var decorator = L.polylineDecorator(C3flèche, { patterns: [ { offset: '100%', // Positionne la flèche à la fin repeat: 0, // Ne répète pas la flèche symbol: L.Symbol.arrowHead({ pixelSize: 15, // Taille de la flèche polygon: false, // Pas de polygonalité pathOptions: { // Style de la flèche stroke: true, color: 'yellow', weight: 5 } }) } ] }).addTo(map); C3flèche.bindPopup('Itinéraire réalisé en tant que femme libre de fait'); } 31:T1a66,// Carte validée Itinéraire_Mary_Prince = { var container = DOM.element('div', { style: `width:${width}px;height:${width / 2}px` }); yield container; var map = L.map(container).setView([40.7128, -74.0060], 3); var Esri_WorldPhysical = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Physical_Map/MapServer/tile/{z}/{y}/{x}', { attribution: 'Tiles © Esri — Source: US National Park Service', maxZoom: 7 }).addTo(map); var echelle = L.control.scale().addTo(map); function circleWithStyle(latLng, rayon, classe) { var marker = L.circleMarker(latLng, { radius: rayon, fillColor: getFillColor(classe), color: 'black', weight: 5, fillOpacity: 1 }); return marker; } function getFillColor(classe) { switch (classe) { case 'esclavage': return '#2E4C9B'; case 'lieuvie': return '#20A238'; case 'naissance': return '#1ba4b6'; case 'deces': return '#902587'; case 'publication': return '#ff7800'; default: return '#FFFFFF'; } } // Ajoutez des cercles sur la carte var Cesc1 = circleWithStyle([32.3156626331877, -64.7465714107114], 10, 'esclavage').addTo(map); var Cesc2 = circleWithStyle([17.0675469492011, -61.8053987807673], 10, 'esclavage').addTo(map); var Cvie1 = circleWithStyle([21.8014559019558, -71.7776907581369], 10, 'lieuvie').addTo(map); var Cnais = circleWithStyle([32.2979510216876, -64.7632066612944], 10, 'naissance').addTo(map); var Cpubli = circleWithStyle([51.5069867525184, -0.12839856893592], 10, 'publication').addTo(map); // Courbe entre Cesc1 et Cesc2 var C1 = L.curve( [ 'M', [32.3156626331877, -64.7465714107114], // Point de départ 'Q', [26.06089405936501, -49.84050261625559], // Point de contrôle pour la courbure [17.0675469492011, -61.8053987807673] // Point final ], { color: '#807f7f', weight: 5, opacity: 1, dashArray: '0, 0', } ).addTo(map); C1.bringToBack(); // Ajoutez une info-bulle à la courbe C1.bindPopup('Itinéraire réalisé en tant qu\'esclave'); // Courbe entre Cesc2 et Cvie1 var C2 = L.curve( [ 'M', [17.0675469492011, -61.8053987807673], 'Q', [13.441647126169274, -68.9585389664371], [21.8014559019558, -71.7776907581369] ], { color: 'transparent', weight: 5, opacity: 1, dashArray: '0, 0', } ).addTo(map); C2.bringToBack(); C2.bindPopup('Itinéraire réalisé en tant que femme libre de fait'); // dégradé C2 // Fonction pour générer des points intermédiaires le long d'une courbe quadratique function generateQuadraticCurvePoints(p0, p1, p2, numPoints) { const points = []; for (let t = 0; t <= 1; t += 1 / numPoints) { const x = Math.pow(1 - t, 2) * p0[0] + 2 * (1 - t) * t * p1[0] + Math.pow(t, 2) * p2[0]; const y = Math.pow(1 - t, 2) * p0[1] + 2 * (1 - t) * t * p1[1] + Math.pow(t, 2) * p2[1]; points.push([x, y]); } return points; } // Fonction pour interpoler les couleurs function interpolateColor(color1, color2, ratio) { const hexToRgb = hex => { const bigint = parseInt(hex.slice(1), 16); return [(bigint >> 16) & 255, (bigint >> 8) & 255, bigint & 255]; }; const rgb1 = hexToRgb(color1); const rgb2 = hexToRgb(color2); const r = Math.round(rgb1[0] + ratio * (rgb2[0] - rgb1[0])); const g = Math.round(rgb1[1] + ratio * (rgb2[1] - rgb1[1])); const b = Math.round(rgb1[2] + ratio * (rgb2[2] - rgb1[2])); return `rgb(${r}, ${g}, ${b})`; } // Fonction pour générer un tableau de couleurs function generateGradientColors(startColor, endColor, steps) { const colors = []; for (let i = 0; i <= steps; i++) { const ratio = i / steps; colors.push(interpolateColor(startColor, endColor, ratio)); } return colors; } // Fonction pour dessiner une courbe avec un dégradé function drawGradientCurve(map, coords, colors) { const numPoints = coords.length - 1; for (let i = 0; i < numPoints; i++) { const segment = [coords[i], coords[i + 1]]; L.polyline(segment, { color: colors[i], weight: 5, opacity: 1 }).addTo(map).bringToBack(); // Assure que les segments restent en arrière-plan } } // Coordonnées de la courbe quadratique de C2 const C2coords = generateQuadraticCurvePoints( [17.0675469492011, -61.8053987807673], // Point de départ [13.441647126169274, -68.9585389664371], // Point de contrôle [21.8014559019558, -71.7776907581369], // Point final 500 // Nombre de points pour lisser la courbe ); // Génération des couleurs du dégradé pour C2 const gradientColorsC2 = generateGradientColors( '#807f7f', // Couleur de départ '#c2c1c1', // Couleur de fin C2coords.length - 1 ); // Dessin de la courbe quadratique avec le dégradé drawGradientCurve(map, C2coords, gradientColorsC2); // Courbe entre Cvie1 et Cpubli var C3 = L.curve( [ 'M', [21.8014559019558, -71.7776907581369], 'Q', [58.456261677679514, -75.79999266669842], [51.5069867525184, -0.12839856893592] ], { color: 'transparent', weight: 5, dashArray: '5, 10', opacity: 1, dashArray: '0, 0', } ).addTo(map); C3.bringToBack(); C3.bindPopup('Itinéraire réalisé en tant que femme libre de fait'); // Coordonnées de C3 var C3coords = [ [21.8014559019558, -71.7776907581369], // Point de départ [58.456261677679514, -75.79999266669842], // Point de contrôle [51.5069867525184, -0.12839856893592] // Point final ]; // Générer plus de points pour une courbe plus lisse var smoothC3coords = generateQuadraticCurvePoints(C3coords[0], C3coords[1], C3coords[2], 300); // Augmenter à 300 points // Créez la polyligne C3flèche qui suit C3 var C3flèche = L.polyline(smoothC3coords, { color: '#c2c1c1', weight: 5, opacity: 1, // dashArray: '10,25' Ajouter cette ligne si l'itinéraire est incertain }).addTo(map); // Ajoutez un décorateur de polyligne avec une flèche var decorator = L.polylineDecorator(C3flèche, { patterns: [ { offset: '100%', // Positionne la flèche à la fin repeat: 0, // Ne répète pas la flèche symbol: L.Symbol.arrowHead({ pixelSize: 15, // Taille de la flèche polygon: false, // Pas de polygonalité pathOptions: { // Style de la flèche stroke: true, color: '#c2c1c1', weight: 5 } }) } ] }).addTo(map); C3flèche.bindPopup('Itinéraire hypothétique qui aurait été réalisé en tant que femme libre de fait'); C3flèche.bringToBack(); } 32:T119f,map_simple = { // Création du

" + popupContent + "

"); } }).addTo(map); //############################## AJOUT DE LA LEGENDE SUR LA CARTE ############################## // Ajouter un conteneur pour la légende dans le DOM de la carte let legendContainer = L.DomUtil.create('div', 'info legend'); container.appendChild(legendContainer); // Ajouter une légende pour expliquer les styles de la carte let legend = L.control({ position: 'bottomright' }); legend.onAdd = function () { // Réutiliser le conteneur de la légende existant let div = legendContainer; // Ajouter des styles pour les états normaux et disputés div.innerHTML = `

Limites des états

Territoires contestés

`; return div; }; // Ajouter la légende à la carte legend.addTo(map); };33:T5787,map_complete = { // Création du

conteneur de la carte let container = DOM.element('div', { style: `width:${width}px;height:${width / 2}px` }); // Rendu du conteneur pour qu'il se dimensionne avant que Leaflet ne dessine la carte yield container; // Création de la carte avec une couche Esri_WorldPhysical let map = L.map(container).setView([38, -95], 4); // Dimensions permettant une représentation centrée sur les US continentaux hors Alaska let Esri_WorldPhysical = L.tileLayer( 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Physical_Map/MapServer/tile/{z}/{y}/{x}', { attribution: 'Tiles © Esri — Source: US National Park Service', maxZoom: 7 } ).addTo(map); //############################## MISE EN PLACE DES ELEMENTS DU RECIT SUR LA CARTE ############################## const R54_pt_lieuvie = { "type": "FeatureCollection", "name": "R54_pt_lieuvie", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "id": 1, "ville": "Toronto" }, "geometry": { "type": "Point", "coordinates": [-79.38256481417325, 43.653827746013157] } } ] }; const R54_pt_publication = { "type": "FeatureCollection", "name": "R54_pt_publication", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "id": null, "ville": "Huddersfield" }, "geometry": { "type": "Point", "coordinates": [ -1.782409551243112, 53.64664361257185 ] } } ] }; const R54_py_esclavage = { "type": "FeatureCollection", "name": "R54_py_esclavage", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "ID": 186107000.0, "LABEL": "Tennessee", "CATEGORY": "seceded_state", "COUNTRY": "Confederacy", "STATE": "TN" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -81.677535, 36.588117 ], [ -81.700553, 36.51519 ], [ -81.714277, 36.450978 ], [ -81.720968932994111, 36.387499612536978 ], [ -81.747842, 36.337356 ], [ -81.789712, 36.348324 ], [ -81.855005, 36.337259 ], [ -81.908137, 36.302013 ], [ -81.932994, 36.264881 ], [ -81.960101, 36.228131 ], [ -82.02664, 36.130222 ], [ -82.130646, 36.106417 ], [ -82.147948, 36.149516 ], [ -82.234807, 36.14172 ], [ -82.325169, 36.119363 ], [ -82.348422, 36.115929 ], [ -82.409458, 36.083409 ], [ -82.462958, 36.007309 ], [ -82.487411, 35.991634 ], [ -82.557529, 35.954671 ], [ -82.611262, 35.973155 ], [ -82.619205, 36.056556 ], [ -82.637165, 36.065805 ], [ -82.715365, 36.024253 ], [ -82.754465, 36.004304 ], [ -82.778625, 35.974792 ], [ -82.830112, 35.932972 ], [ -82.913338, 35.924113 ], [ -82.918356, 35.845467 ], [ -82.995803, 35.773128 ], [ -83.100233, 35.774745 ], [ -83.164909, 35.759965 ], [ -83.250695, 35.709349 ], [ -83.297154, 35.65775 ], [ -83.366941, 35.638728 ], [ -83.445802, 35.611803 ], [ -83.498335, 35.562981 ], [ -83.640498, 35.566075 ], [ -83.676268, 35.570289 ], [ -83.756917, 35.563604 ], [ -83.880074, 35.518745 ], [ -83.933876, 35.472438 ], [ -84.00225, 35.422548 ], [ -84.03245, 35.32653 ], [ -84.029033334663382, 35.291048835661002 ], [ -84.097508, 35.247382 ], [ -84.124915, 35.24983 ], [ -84.202879, 35.255772 ], [ -84.292321, 35.206677 ], [ -84.308437, 35.093173 ], [ -84.308576, 35.092761 ], [ -84.321869, 34.988408 ], [ -85.605165, 34.984678 ], [ -86.783628011388089, 34.991925027334723 ], [ -88.18245, 35.007712 ], [ -88.217237352602012, 35.007343831307601 ], [ -89.139136, 34.994307 ], [ -90.295562147845175, 34.995736766503803 ], [ -90.309877, 35.00975 ], [ -90.193859, 35.061646 ], [ -90.160058, 35.12883 ], [ -90.109393, 35.118891 ], [ -90.064612, 35.140621 ], [ -90.07741, 35.225479 ], [ -90.116493, 35.255788 ], [ -90.086691366992198, 35.369935169726595 ], [ -90.179265, 35.385194 ], [ -90.107723, 35.476935 ], [ -90.067798, 35.466224 ], [ -90.039744, 35.548041 ], [ -89.957347, 35.528683 ], [ -89.909797, 35.537914 ], [ -89.922749, 35.655293 ], [ -89.905538, 35.759063 ], [ -89.821216, 35.756716 ], [ -89.729517, 35.847632 ], [ -89.73361, 35.904699 ], [ -89.687938730115292, 35.905384161090197 ], [ -89.71997, 35.97462 ], [ -89.707507896934487, 36.001676760062736 ], [ -89.684439, 36.051719 ], [ -89.624235, 36.108626 ], [ -89.629452, 36.185382 ], [ -89.589561, 36.239116 ], [ -89.539487, 36.277368 ], [ -89.545006, 36.336809 ], [ -89.509558, 36.375065 ], [ -89.498036, 36.497887 ], [ -89.471718, 36.457001 ], [ -89.417293, 36.499033 ], [ -88.053292110335022, 36.497130075251377 ], [ -88.011792, 36.677025 ], [ -87.849567, 36.663701 ], [ -87.853204, 36.633247 ], [ -86.813037, 36.647647 ], [ -85.276289, 36.626511 ], [ -83.987842, 36.5896 ], [ -83.679017371462749, 36.592265993215641 ], [ -81.934144, 36.594213 ], [ -81.677535, 36.588117 ] ] ] ] } }, { "type": "Feature", "properties": { "ID": 179109001.0, "LABEL": "Maryland", "CATEGORY": "state", "COUNTRY": "US", "STATE": "MD" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -77.038598, 38.791513 ], [ -76.909395, 38.892812 ], [ -77.040999, 38.99511 ], [ -77.1199, 38.934311 ], [ -77.148179, 38.965002 ], [ -77.235403, 38.97661 ], [ -77.328001684798082, 39.05855378096232 ], [ -77.42318, 39.066878 ], [ -77.519929, 39.120925 ], [ -77.527282, 39.146236 ], [ -77.478596, 39.189168 ], [ -77.458884, 39.219826 ], [ -77.534461, 39.262361 ], [ -77.592739, 39.30129 ], [ -77.719029, 39.321125 ], [ -77.755789, 39.333899 ], [ -77.739204, 39.38573 ], [ -77.807821, 39.490241 ], [ -77.865423, 39.516472 ], [ -77.9026486985601, 39.587795579566865 ], [ -78.009985, 39.602893 ], [ -78.074595, 39.666686 ], [ -78.191107, 39.690262 ], [ -78.224337, 39.66327 ], [ -78.283039, 39.62047 ], [ -78.355218, 39.640576 ], [ -78.43025, 39.62329 ], [ -78.458456, 39.581158 ], [ -78.432033, 39.561053 ], [ -78.468639, 39.516789 ], [ -78.565929, 39.519444 ], [ -78.655984, 39.534695 ], [ -78.760196, 39.582154 ], [ -78.769028805132791, 39.599870586051871 ], [ -78.787460828586887, 39.627491527375035 ], [ -78.968996, 39.441543 ], [ -79.08445, 39.471356 ], [ -79.213192, 39.367897 ], [ -79.25688, 39.356077 ], [ -79.486873, 39.205961 ], [ -79.476662, 39.721078 ], [ -78.342833889297495, 39.72253912584236 ], [ -76.897566, 39.720401 ], [ -75.810559840085688, 39.721909683539437 ], [ -75.788395, 39.700287 ], [ -75.766692622073791, 39.377537 ], [ -75.725829, 38.869296 ], [ -75.69352100011919, 38.460127999937292 ], [ -75.341246779635597, 38.451969980972386 ], [ -75.07120369997979, 38.451338477346077 ], [ -75.074532031578897, 38.350389683238973 ], [ -75.192924578274997, 38.097819438853342 ], [ -75.349338, 37.873143 ], [ -75.487485, 37.832136 ], [ -75.63337, 37.52214 ], [ -75.830341, 37.1706 ], [ -75.978083, 37.157338 ], [ -76.025753, 37.257407 ], [ -75.987122, 37.368548 ], [ -75.949974, 37.521876 ], [ -75.877059, 37.660641 ], [ -75.702914, 37.849659 ], [ -75.722085, 37.973416 ], [ -75.875297, 38.011965 ], [ -75.951566, 38.178093 ], [ -76.26035, 38.506255 ], [ -76.175159, 38.673236 ], [ -76.200665999999899, 39.014519999999884 ], [ -76.266365, 39.353352 ], [ -76.442482, 39.195408 ], [ -76.523404940340882, 38.795557001978381 ], [ -76.436271, 38.433429 ], [ -76.359886974455705, 38.188736527042529 ], [ -76.332811905972292, 38.049938310949798 ], [ -76.487576397217822, 38.134223335028508 ], [ -76.545335, 38.165373 ], [ -76.624387016331696, 38.223429289162112 ], [ -76.752286, 38.222121000000101 ], [ -76.811647, 38.250129 ], [ -76.802347, 38.280743 ], [ -76.842139, 38.254491 ], [ -76.920777629717321, 38.291529016099481 ], [ -76.966348864504894, 38.341371920328818 ], [ -77.000996673524398, 38.419293005395495 ], [ -77.040637999999888, 38.444618000000112 ], [ -77.127392266856106, 38.401599742144391 ], [ -77.236230683437299, 38.374601216081352 ], [ -77.259961799735407, 38.435820793258472 ], [ -77.221116999999893, 38.555217 ], [ -77.183767, 38.600699 ], [ -77.129084, 38.614364 ], [ -77.1302, 38.635017 ], [ -77.121101, 38.686616 ], [ -77.05990989156939, 38.73441908863802 ], [ -77.038598, 38.791513 ] ] ] ] } } ] }; const R54_py_naissance = { "type": "FeatureCollection", "name": "R54_py_naissance", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "ID": 186112100.0, "LABEL": "Kentucky (claimed by CSA)", "CATEGORY": "disputed", "COUNTRY": null, "STATE": "KY" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -82.586602864651368, 38.42945631735558 ], [ -82.593673, 38.421809 ], [ -82.593008, 38.375082 ], [ -82.571877, 38.315781 ], [ -82.574656, 38.263873 ], [ -82.59497, 38.245453 ], [ -82.644739, 38.165487 ], [ -82.636466, 38.13786 ], [ -82.602618, 38.11835 ], [ -82.547284, 38.061094 ], [ -82.519665, 38.008538 ], [ -82.509812, 38.001249 ], [ -82.464987, 37.976859 ], [ -82.500386, 37.936518 ], [ -82.474666, 37.910388 ], [ -82.400234437077188, 37.851832962110805 ], [ -82.329867, 37.775897 ], [ -82.319023, 37.758892 ], [ -82.325739, 37.735799 ], [ -82.297011, 37.687273 ], [ -82.25028, 37.657776 ], [ -82.21967, 37.643046 ], [ -82.141814, 37.595052 ], [ -82.116584, 37.559588 ], [ -82.048521, 37.531078 ], [ -82.008274, 37.533357 ], [ -81.968297, 37.537798 ], [ -82.153120015573691, 37.414911288460829 ], [ -82.291908, 37.311642 ], [ -82.350948, 37.267077 ], [ -82.510826, 37.218091 ], [ -82.624878, 37.162932 ], [ -82.721941, 37.105689 ], [ -82.722472, 37.045101 ], [ -82.788897, 37.00816 ], [ -82.818006, 37.006161 ], [ -82.840051, 36.987113 ], [ -82.869182669010399, 36.97418304525435 ], [ -82.860633, 36.94584 ], [ -82.872136, 36.913456 ], [ -82.911824, 36.874243 ], [ -82.973395, 36.859097 ], [ -83.07259, 36.854589 ], [ -83.099792, 36.824889 ], [ -83.131694, 36.781488 ], [ -83.136395, 36.743088 ], [ -83.199698, 36.737487 ], [ -83.342804, 36.701286 ], [ -83.460808, 36.664885 ], [ -83.498011, 36.670485 ], [ -83.527212, 36.665984 ], [ -83.649513, 36.616683 ], [ -83.679017371462749, 36.592265993215641 ], [ -83.987842, 36.5896 ], [ -85.276289, 36.626511 ], [ -86.813037, 36.647647 ], [ -87.853204, 36.633247 ], [ -87.849567, 36.663701 ], [ -88.011792, 36.677025 ], [ -88.053292110335022, 36.497130075251377 ], [ -89.417293, 36.499033 ], [ -89.471718, 36.457001 ], [ -89.498036, 36.497887 ], [ -89.500076, 36.576305 ], [ -89.343753, 36.630991 ], [ -89.227319, 36.569375 ], [ -89.187749, 36.641115 ], [ -89.201047, 36.725772 ], [ -89.123548090101494, 36.785220493078967 ], [ -89.147674, 36.847148 ], [ -89.10079374727701, 36.944006230839292 ], [ -89.132685, 36.9822 ], [ -89.178975, 37.020928 ], [ -89.171880551089004, 37.068183979028525 ], [ -89.086526, 37.165602 ], [ -88.98326, 37.228685 ], [ -88.809206, 37.189235 ], [ -88.625889, 37.119458 ], [ -88.490296836598688, 37.066669203323329 ], [ -88.444605, 37.098601 ], [ -88.471753, 37.220155 ], [ -88.514661, 37.290948 ], [ -88.358436, 37.40486 ], [ -88.255193, 37.456748 ], [ -88.083395, 37.473683 ], [ -88.072242, 37.528826 ], [ -88.139973, 37.586451 ], [ -88.160187, 37.657592 ], [ -88.072538, 37.733286 ], [ -88.02803, 37.799224 ], [ -87.970869, 37.783456 ], [ -87.903804, 37.817762 ], [ -87.936228, 37.867937 ], [ -87.927424052677381, 37.902037635982438 ], [ -87.865558, 37.915056 ], [ -87.830578, 37.876516 ], [ -87.76226, 37.890906 ], [ -87.662865, 37.885578 ], [ -87.645858, 37.825899 ], [ -87.588729, 37.860984 ], [ -87.62896, 37.926714 ], [ -87.574715, 37.967742 ], [ -87.511499, 37.906426 ], [ -87.402632, 37.942267 ], [ -87.269561015701399, 37.877154965094704 ], [ -87.20224, 37.843791 ], [ -87.077404, 37.796209 ], [ -87.043854, 37.870796 ], [ -86.919329, 37.936664 ], [ -86.85595, 37.987292 ], [ -86.787695, 37.971449 ], [ -86.73146, 37.89434 ], [ -86.660293, 37.865057 ], [ -86.604624, 37.858272 ], [ -86.525174, 37.968228 ], [ -86.490857912614302, 38.045795683254205 ], [ -86.332567, 38.130131 ], [ -86.27872, 38.089303 ], [ -86.220371, 38.027922 ], [ -86.029509, 37.99264 ], [ -85.922395, 38.028679 ], [ -85.909464, 38.14007 ], [ -85.816164, 38.282969 ], [ -85.744862, 38.26717 ], [ -85.638777, 38.361443 ], [ -85.607629, 38.439295 ], [ -85.462518, 38.512602 ], [ -85.427466534897491, 38.586735237537084 ], [ -85.456978, 38.689135 ], [ -85.258846, 38.737754 ], [ -85.156158, 38.692251 ], [ -85.02420450331401, 38.763311154216602 ], [ -84.944296, 38.775184 ], [ -84.81335, 38.79833 ], [ -84.813182056057485, 38.930582910017577 ], [ -84.849445, 39.000923 ], [ -84.878613671655287, 39.030295602045257 ], [ -84.801395312498926, 39.081851807829786 ], [ -84.718548, 39.137059 ], [ -84.684847, 39.100459 ], [ -84.493743, 39.10246 ], [ -84.326539, 39.027463 ], [ -84.234453, 38.893226 ], [ -84.205592, 38.802588 ], [ -83.943978, 38.783616 ], [ -83.777823, 38.674453 ], [ -83.706043136291584, 38.637100529845867 ], [ -83.642994, 38.643273 ], [ -83.512571, 38.701716 ], [ -83.369077, 38.659334 ], [ -83.333347, 38.641562 ], [ -83.156926, 38.620547 ], [ -83.127652, 38.642451 ], [ -82.968695, 38.728776 ], [ -82.871292, 38.739376 ], [ -82.869592, 38.678177 ], [ -82.789776, 38.559951 ], [ -82.665484918985698, 38.50573427837049 ], [ -82.586602864651368, 38.42945631735558 ] ] ] ] } } ] }; //############################## MISE EN PLACE + AJOUT DES AIRES AUTOCHTONES ############################## function style_autoch(feature) { var cat = feature.properties.id; if (cat == "1") { return { color: "white", fillColor: "#a56d50", fillOpacity: 0.3, weight: 0.4, opacity: 0 }; } else if (cat == "2") { return { color: "white", fillColor: "#31927e", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "3") { return { color: "white", fillColor: "#d4dc37", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "4") { return { color: "white", fillColor: "#d5a847", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "5") { return { color: "white", fillColor: "#406d2c", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "6") { return { color: "white", fillColor: "#47abc4", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "8") { return { color: "#a7dfbf", fillColor: "#a7dfbf", fillOpacity: 0.6, weight: 3, opacity: 0 }; } } // Ajout de la couche GeoJSON avec le style défini L.geoJSON(aires_cult_aut, { style: style_autoch, // Utilisation directe de la fonction de style }).addTo(map); //############################## AJOUT DES ELEMENTS DU RECIT A LA CARTE ############################## L.geoJSON(R54_pt_lieuvie, { onEachFeature: function (feature, layer) { // Ajouter une popup pour afficher le nom de la ville const popupContent = `${feature.properties.ville}`; layer.bindPopup(popupContent); }, pointToLayer: function (feature, latlng) { // Personnalisation de l'icône du point avec la couleur #20A238 return L.circleMarker(latlng, { radius: 6, fillColor: "#20A238", color: "#000", weight: 1, opacity: 1, fillOpacity: 1 }); } }).addTo(map); L.geoJSON(R54_pt_publication, { onEachFeature: function (feature, layer) { // Ajouter une popup pour afficher le nom de la ville const popupContent = `${feature.properties.ville}`; layer.bindPopup(popupContent); }, pointToLayer: function (feature, latlng) { // Personnalisation de l'icône du point avec la couleur #ED6D1D return L.circleMarker(latlng, { radius: 6, fillColor: "#ED6D1D", color: "#000", weight: 1, opacity: 1, fillOpacity: 1 }); } }).addTo(map); L.geoJSON(R54_py_esclavage, { style: function (feature) { return { fillColor: "#2E4C9B", color: "black", weight: 0.8, fillOpacity: 1 }; }}).addTo(map); L.geoJSON(R54_py_naissance, { style: function (feature) { return { fillColor: "#1CB1C4", color: "black", weight: 0.8, fillOpacity: 1 }; }}).addTo(map); //############################## MISE EN PLACE DES HACHURES + LIMITES DES ETATS ############################## // Ajouter un calque SVG pour D3 let couchesvg = L.svg({ clickable: true }).addTo(map); // Sélection du conteneur SVG pour D3 let svg = d3.select(container).select("svg"); let g = svg.append("g").attr("class", "leaflet-zoom-hide"); // Ajouter un motif de hachures avec D3 let defs = svg.append("defs"); let pattern = defs.append("pattern") .attr("id", "unique-stripes-map_complete") // ID unique pour ce motif .attr("width", 8) .attr("height", 8) .attr("patternUnits", "userSpaceOnUse"); // Définir une ligne diagonale dans le motif de 8x8 pixels pattern.append("line") .attr("x1", 0) .attr("y1", 0) .attr("x2", 8) .attr("y2", 8) .attr("stroke", "black") // Choix de la couleur directement appliquée ici .attr("stroke-width", 1); // Épaisseur de la ligne // Fonction pour dessiner des hachures sur les polygones contestés function dessinerhachures() { g.selectAll("path").remove(); // Supprimer les anciennes hachures pour éviter les doublons lors des mises à jour map1864050.features.forEach(feature => { if (feature.properties.CATEGORY === "disputed") { let path = d3.geoPath().projection(d3.geoTransform({ point: function (x, y) { let point = map.latLngToLayerPoint([y, x]); this.stream.point(point.x, point.y); } })); // Ajouter un chemin D3 pour chaque polygone "disputed" g.append("path") .datum(feature) .attr("d", path) .attr("fill", "url(#unique-stripes-map_complete)") // Utilisation du motif unique .attr("stroke", "black") .attr("stroke-width", 1); } }); } // Redessiner les hachures lors de chaque mouvement ou zoom map.on("moveend", dessinerhachures); // Lancer le dessin initial des hachures dessinerhachures(); L.geoJSON(map1864050, { style: function (feature) { return { color: "black", weight: 0.8, fillOpacity: 0 }; }, onEachFeature: function (feature, layer) { const popupContent = feature.properties.LABEL ? feature.properties.LABEL : "Nom inconnu"; layer.bindPopup("

" + popupContent + "

Lieu de vie

Lieu de publication des récits

Lieu d'esclavage

Lieu de naissance

Territoires contestés

`; return div; }; // Ajouter la légende à la carte legend.addTo(map); };34:T571a,maquette_1 = { // Création du

conteneur de la carte let container = DOM.element('div', { style: `width:${width}px;height:${width / 2}px` }); // Rendu du conteneur pour qu'il se dimensionne avant que Leaflet ne dessine la carte yield container; // Création de la carte avec une couche Esri_WorldPhysical let map = L.map(container).setView([38, -95], 4); let Esri_WorldPhysical = L.tileLayer( 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Physical_Map/MapServer/tile/{z}/{y}/{x}', { attribution: 'Tiles © Esri — Source: US National Park Service', maxZoom: 7 } ).addTo(map); //############################## MISE EN PLACE DES ELEMENTS DU RECIT SUR LA CARTE ############################## const R54_pt_lieuvie = { "type": "FeatureCollection", "name": "R54_pt_lieuvie", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "id": 1, "ville": "Toronto" }, "geometry": { "type": "Point", "coordinates": [-79.38256481417325, 43.653827746013157] } } ] }; const R54_pt_publication = { "type": "FeatureCollection", "name": "R54_pt_publication", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "id": null, "ville": "Huddersfield" }, "geometry": { "type": "Point", "coordinates": [ -1.782409551243112, 53.64664361257185 ] } } ] }; const R54_py_esclavage = { "type": "FeatureCollection", "name": "R54_py_esclavage", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "ID": 186107000.0, "LABEL": "Tennessee", "CATEGORY": "seceded_state", "COUNTRY": "Confederacy", "STATE": "TN" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -81.677535, 36.588117 ], [ -81.700553, 36.51519 ], [ -81.714277, 36.450978 ], [ -81.720968932994111, 36.387499612536978 ], [ -81.747842, 36.337356 ], [ -81.789712, 36.348324 ], [ -81.855005, 36.337259 ], [ -81.908137, 36.302013 ], [ -81.932994, 36.264881 ], [ -81.960101, 36.228131 ], [ -82.02664, 36.130222 ], [ -82.130646, 36.106417 ], [ -82.147948, 36.149516 ], [ -82.234807, 36.14172 ], [ -82.325169, 36.119363 ], [ -82.348422, 36.115929 ], [ -82.409458, 36.083409 ], [ -82.462958, 36.007309 ], [ -82.487411, 35.991634 ], [ -82.557529, 35.954671 ], [ -82.611262, 35.973155 ], [ -82.619205, 36.056556 ], [ -82.637165, 36.065805 ], [ -82.715365, 36.024253 ], [ -82.754465, 36.004304 ], [ -82.778625, 35.974792 ], [ -82.830112, 35.932972 ], [ -82.913338, 35.924113 ], [ -82.918356, 35.845467 ], [ -82.995803, 35.773128 ], [ -83.100233, 35.774745 ], [ -83.164909, 35.759965 ], [ -83.250695, 35.709349 ], [ -83.297154, 35.65775 ], [ -83.366941, 35.638728 ], [ -83.445802, 35.611803 ], [ -83.498335, 35.562981 ], [ -83.640498, 35.566075 ], [ -83.676268, 35.570289 ], [ -83.756917, 35.563604 ], [ -83.880074, 35.518745 ], [ -83.933876, 35.472438 ], [ -84.00225, 35.422548 ], [ -84.03245, 35.32653 ], [ -84.029033334663382, 35.291048835661002 ], [ -84.097508, 35.247382 ], [ -84.124915, 35.24983 ], [ -84.202879, 35.255772 ], [ -84.292321, 35.206677 ], [ -84.308437, 35.093173 ], [ -84.308576, 35.092761 ], [ -84.321869, 34.988408 ], [ -85.605165, 34.984678 ], [ -86.783628011388089, 34.991925027334723 ], [ -88.18245, 35.007712 ], [ -88.217237352602012, 35.007343831307601 ], [ -89.139136, 34.994307 ], [ -90.295562147845175, 34.995736766503803 ], [ -90.309877, 35.00975 ], [ -90.193859, 35.061646 ], [ -90.160058, 35.12883 ], [ -90.109393, 35.118891 ], [ -90.064612, 35.140621 ], [ -90.07741, 35.225479 ], [ -90.116493, 35.255788 ], [ -90.086691366992198, 35.369935169726595 ], [ -90.179265, 35.385194 ], [ -90.107723, 35.476935 ], [ -90.067798, 35.466224 ], [ -90.039744, 35.548041 ], [ -89.957347, 35.528683 ], [ -89.909797, 35.537914 ], [ -89.922749, 35.655293 ], [ -89.905538, 35.759063 ], [ -89.821216, 35.756716 ], [ -89.729517, 35.847632 ], [ -89.73361, 35.904699 ], [ -89.687938730115292, 35.905384161090197 ], [ -89.71997, 35.97462 ], [ -89.707507896934487, 36.001676760062736 ], [ -89.684439, 36.051719 ], [ -89.624235, 36.108626 ], [ -89.629452, 36.185382 ], [ -89.589561, 36.239116 ], [ -89.539487, 36.277368 ], [ -89.545006, 36.336809 ], [ -89.509558, 36.375065 ], [ -89.498036, 36.497887 ], [ -89.471718, 36.457001 ], [ -89.417293, 36.499033 ], [ -88.053292110335022, 36.497130075251377 ], [ -88.011792, 36.677025 ], [ -87.849567, 36.663701 ], [ -87.853204, 36.633247 ], [ -86.813037, 36.647647 ], [ -85.276289, 36.626511 ], [ -83.987842, 36.5896 ], [ -83.679017371462749, 36.592265993215641 ], [ -81.934144, 36.594213 ], [ -81.677535, 36.588117 ] ] ] ] } }, { "type": "Feature", "properties": { "ID": 179109001.0, "LABEL": "Maryland", "CATEGORY": "state", "COUNTRY": "US", "STATE": "MD" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -77.038598, 38.791513 ], [ -76.909395, 38.892812 ], [ -77.040999, 38.99511 ], [ -77.1199, 38.934311 ], [ -77.148179, 38.965002 ], [ -77.235403, 38.97661 ], [ -77.328001684798082, 39.05855378096232 ], [ -77.42318, 39.066878 ], [ -77.519929, 39.120925 ], [ -77.527282, 39.146236 ], [ -77.478596, 39.189168 ], [ -77.458884, 39.219826 ], [ -77.534461, 39.262361 ], [ -77.592739, 39.30129 ], [ -77.719029, 39.321125 ], [ -77.755789, 39.333899 ], [ -77.739204, 39.38573 ], [ -77.807821, 39.490241 ], [ -77.865423, 39.516472 ], [ -77.9026486985601, 39.587795579566865 ], [ -78.009985, 39.602893 ], [ -78.074595, 39.666686 ], [ -78.191107, 39.690262 ], [ -78.224337, 39.66327 ], [ -78.283039, 39.62047 ], [ -78.355218, 39.640576 ], [ -78.43025, 39.62329 ], [ -78.458456, 39.581158 ], [ -78.432033, 39.561053 ], [ -78.468639, 39.516789 ], [ -78.565929, 39.519444 ], [ -78.655984, 39.534695 ], [ -78.760196, 39.582154 ], [ -78.769028805132791, 39.599870586051871 ], [ -78.787460828586887, 39.627491527375035 ], [ -78.968996, 39.441543 ], [ -79.08445, 39.471356 ], [ -79.213192, 39.367897 ], [ -79.25688, 39.356077 ], [ -79.486873, 39.205961 ], [ -79.476662, 39.721078 ], [ -78.342833889297495, 39.72253912584236 ], [ -76.897566, 39.720401 ], [ -75.810559840085688, 39.721909683539437 ], [ -75.788395, 39.700287 ], [ -75.766692622073791, 39.377537 ], [ -75.725829, 38.869296 ], [ -75.69352100011919, 38.460127999937292 ], [ -75.341246779635597, 38.451969980972386 ], [ -75.07120369997979, 38.451338477346077 ], [ -75.074532031578897, 38.350389683238973 ], [ -75.192924578274997, 38.097819438853342 ], [ -75.349338, 37.873143 ], [ -75.487485, 37.832136 ], [ -75.63337, 37.52214 ], [ -75.830341, 37.1706 ], [ -75.978083, 37.157338 ], [ -76.025753, 37.257407 ], [ -75.987122, 37.368548 ], [ -75.949974, 37.521876 ], [ -75.877059, 37.660641 ], [ -75.702914, 37.849659 ], [ -75.722085, 37.973416 ], [ -75.875297, 38.011965 ], [ -75.951566, 38.178093 ], [ -76.26035, 38.506255 ], [ -76.175159, 38.673236 ], [ -76.200665999999899, 39.014519999999884 ], [ -76.266365, 39.353352 ], [ -76.442482, 39.195408 ], [ -76.523404940340882, 38.795557001978381 ], [ -76.436271, 38.433429 ], [ -76.359886974455705, 38.188736527042529 ], [ -76.332811905972292, 38.049938310949798 ], [ -76.487576397217822, 38.134223335028508 ], [ -76.545335, 38.165373 ], [ -76.624387016331696, 38.223429289162112 ], [ -76.752286, 38.222121000000101 ], [ -76.811647, 38.250129 ], [ -76.802347, 38.280743 ], [ -76.842139, 38.254491 ], [ -76.920777629717321, 38.291529016099481 ], [ -76.966348864504894, 38.341371920328818 ], [ -77.000996673524398, 38.419293005395495 ], [ -77.040637999999888, 38.444618000000112 ], [ -77.127392266856106, 38.401599742144391 ], [ -77.236230683437299, 38.374601216081352 ], [ -77.259961799735407, 38.435820793258472 ], [ -77.221116999999893, 38.555217 ], [ -77.183767, 38.600699 ], [ -77.129084, 38.614364 ], [ -77.1302, 38.635017 ], [ -77.121101, 38.686616 ], [ -77.05990989156939, 38.73441908863802 ], [ -77.038598, 38.791513 ] ] ] ] } } ] }; const R54_py_naissance = { "type": "FeatureCollection", "name": "R54_py_naissance", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "ID": 186112100.0, "LABEL": "Kentucky (claimed by CSA)", "CATEGORY": "disputed", "COUNTRY": null, "STATE": "KY" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -82.586602864651368, 38.42945631735558 ], [ -82.593673, 38.421809 ], [ -82.593008, 38.375082 ], [ -82.571877, 38.315781 ], [ -82.574656, 38.263873 ], [ -82.59497, 38.245453 ], [ -82.644739, 38.165487 ], [ -82.636466, 38.13786 ], [ -82.602618, 38.11835 ], [ -82.547284, 38.061094 ], [ -82.519665, 38.008538 ], [ -82.509812, 38.001249 ], [ -82.464987, 37.976859 ], [ -82.500386, 37.936518 ], [ -82.474666, 37.910388 ], [ -82.400234437077188, 37.851832962110805 ], [ -82.329867, 37.775897 ], [ -82.319023, 37.758892 ], [ -82.325739, 37.735799 ], [ -82.297011, 37.687273 ], [ -82.25028, 37.657776 ], [ -82.21967, 37.643046 ], [ -82.141814, 37.595052 ], [ -82.116584, 37.559588 ], [ -82.048521, 37.531078 ], [ -82.008274, 37.533357 ], [ -81.968297, 37.537798 ], [ -82.153120015573691, 37.414911288460829 ], [ -82.291908, 37.311642 ], [ -82.350948, 37.267077 ], [ -82.510826, 37.218091 ], [ -82.624878, 37.162932 ], [ -82.721941, 37.105689 ], [ -82.722472, 37.045101 ], [ -82.788897, 37.00816 ], [ -82.818006, 37.006161 ], [ -82.840051, 36.987113 ], [ -82.869182669010399, 36.97418304525435 ], [ -82.860633, 36.94584 ], [ -82.872136, 36.913456 ], [ -82.911824, 36.874243 ], [ -82.973395, 36.859097 ], [ -83.07259, 36.854589 ], [ -83.099792, 36.824889 ], [ -83.131694, 36.781488 ], [ -83.136395, 36.743088 ], [ -83.199698, 36.737487 ], [ -83.342804, 36.701286 ], [ -83.460808, 36.664885 ], [ -83.498011, 36.670485 ], [ -83.527212, 36.665984 ], [ -83.649513, 36.616683 ], [ -83.679017371462749, 36.592265993215641 ], [ -83.987842, 36.5896 ], [ -85.276289, 36.626511 ], [ -86.813037, 36.647647 ], [ -87.853204, 36.633247 ], [ -87.849567, 36.663701 ], [ -88.011792, 36.677025 ], [ -88.053292110335022, 36.497130075251377 ], [ -89.417293, 36.499033 ], [ -89.471718, 36.457001 ], [ -89.498036, 36.497887 ], [ -89.500076, 36.576305 ], [ -89.343753, 36.630991 ], [ -89.227319, 36.569375 ], [ -89.187749, 36.641115 ], [ -89.201047, 36.725772 ], [ -89.123548090101494, 36.785220493078967 ], [ -89.147674, 36.847148 ], [ -89.10079374727701, 36.944006230839292 ], [ -89.132685, 36.9822 ], [ -89.178975, 37.020928 ], [ -89.171880551089004, 37.068183979028525 ], [ -89.086526, 37.165602 ], [ -88.98326, 37.228685 ], [ -88.809206, 37.189235 ], [ -88.625889, 37.119458 ], [ -88.490296836598688, 37.066669203323329 ], [ -88.444605, 37.098601 ], [ -88.471753, 37.220155 ], [ -88.514661, 37.290948 ], [ -88.358436, 37.40486 ], [ -88.255193, 37.456748 ], [ -88.083395, 37.473683 ], [ -88.072242, 37.528826 ], [ -88.139973, 37.586451 ], [ -88.160187, 37.657592 ], [ -88.072538, 37.733286 ], [ -88.02803, 37.799224 ], [ -87.970869, 37.783456 ], [ -87.903804, 37.817762 ], [ -87.936228, 37.867937 ], [ -87.927424052677381, 37.902037635982438 ], [ -87.865558, 37.915056 ], [ -87.830578, 37.876516 ], [ -87.76226, 37.890906 ], [ -87.662865, 37.885578 ], [ -87.645858, 37.825899 ], [ -87.588729, 37.860984 ], [ -87.62896, 37.926714 ], [ -87.574715, 37.967742 ], [ -87.511499, 37.906426 ], [ -87.402632, 37.942267 ], [ -87.269561015701399, 37.877154965094704 ], [ -87.20224, 37.843791 ], [ -87.077404, 37.796209 ], [ -87.043854, 37.870796 ], [ -86.919329, 37.936664 ], [ -86.85595, 37.987292 ], [ -86.787695, 37.971449 ], [ -86.73146, 37.89434 ], [ -86.660293, 37.865057 ], [ -86.604624, 37.858272 ], [ -86.525174, 37.968228 ], [ -86.490857912614302, 38.045795683254205 ], [ -86.332567, 38.130131 ], [ -86.27872, 38.089303 ], [ -86.220371, 38.027922 ], [ -86.029509, 37.99264 ], [ -85.922395, 38.028679 ], [ -85.909464, 38.14007 ], [ -85.816164, 38.282969 ], [ -85.744862, 38.26717 ], [ -85.638777, 38.361443 ], [ -85.607629, 38.439295 ], [ -85.462518, 38.512602 ], [ -85.427466534897491, 38.586735237537084 ], [ -85.456978, 38.689135 ], [ -85.258846, 38.737754 ], [ -85.156158, 38.692251 ], [ -85.02420450331401, 38.763311154216602 ], [ -84.944296, 38.775184 ], [ -84.81335, 38.79833 ], [ -84.813182056057485, 38.930582910017577 ], [ -84.849445, 39.000923 ], [ -84.878613671655287, 39.030295602045257 ], [ -84.801395312498926, 39.081851807829786 ], [ -84.718548, 39.137059 ], [ -84.684847, 39.100459 ], [ -84.493743, 39.10246 ], [ -84.326539, 39.027463 ], [ -84.234453, 38.893226 ], [ -84.205592, 38.802588 ], [ -83.943978, 38.783616 ], [ -83.777823, 38.674453 ], [ -83.706043136291584, 38.637100529845867 ], [ -83.642994, 38.643273 ], [ -83.512571, 38.701716 ], [ -83.369077, 38.659334 ], [ -83.333347, 38.641562 ], [ -83.156926, 38.620547 ], [ -83.127652, 38.642451 ], [ -82.968695, 38.728776 ], [ -82.871292, 38.739376 ], [ -82.869592, 38.678177 ], [ -82.789776, 38.559951 ], [ -82.665484918985698, 38.50573427837049 ], [ -82.586602864651368, 38.42945631735558 ] ] ] ] } } ] }; //############################## MISE EN PLACE + AJOUT DES AIRES AUTOCHTONES ############################## function style_autoch(feature) { var cat = feature.properties.id; if (cat == "1") { return { color: "white", fillColor: "#a56d50", fillOpacity: 0.3, weight: 0.4, opacity: 0 }; } else if (cat == "2") { return { color: "white", fillColor: "#31927e", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "3") { return { color: "white", fillColor: "#d4dc37", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "4") { return { color: "white", fillColor: "#d5a847", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "5") { return { color: "white", fillColor: "#406d2c", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "6") { return { color: "white", fillColor: "#47abc4", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "8") { return { color: "#a7dfbf", fillColor: "#a7dfbf", fillOpacity: 0.6, weight: 3, opacity: 0 }; } } // Ajout de la couche GeoJSON avec le style défini L.geoJSON(aires_cult_aut, { style: style_autoch, // Utilisation directe de la fonction de style }).addTo(map); //############################## AJOUT DES ELEMENTS DU RECIT A LA CARTE ############################## L.geoJSON(R54_pt_lieuvie, { onEachFeature: function (feature, layer) { // Ajouter une popup pour afficher le nom de la ville const popupContent = `${feature.properties.ville}`; layer.bindPopup(popupContent); }, pointToLayer: function (feature, latlng) { // Personnalisation de l'icône du point avec la couleur #20A238 return L.circleMarker(latlng, { radius: 6, fillColor: "#20A238", color: "#000", weight: 1, opacity: 1, fillOpacity: 1 }); } }).addTo(map); L.geoJSON(R54_pt_publication, { onEachFeature: function (feature, layer) { // Ajouter une popup pour afficher le nom de la ville const popupContent = `${feature.properties.ville}`; layer.bindPopup(popupContent); }, pointToLayer: function (feature, latlng) { // Personnalisation de l'icône du point avec la couleur #ED6D1D return L.circleMarker(latlng, { radius: 6, fillColor: "#ED6D1D", color: "#000", weight: 1, opacity: 1, fillOpacity: 1 }); } }).addTo(map); L.geoJSON(R54_py_esclavage, { style: function (feature) { return { fillColor: "#2E4C9B", color: "black", weight: 0.8, fillOpacity: 1 }; }}).addTo(map); L.geoJSON(R54_py_naissance, { style: function (feature) { return { fillColor: "#1CB1C4", color: "black", weight: 0.8, fillOpacity: 1 }; }}).addTo(map); //############################## MISE EN PLACE DES HACHURES + LIMITES DES ETATS ############################## // Ajouter un calque SVG pour D3 let couchesvg = L.svg({ clickable: true }).addTo(map); // Sélection du conteneur SVG pour D3 let svg = d3.select(container).select("svg"); let g = svg.append("g").attr("class", "leaflet-zoom-hide"); // Ajouter un motif de hachures avec D3 let defs = svg.append("defs"); let pattern = defs.append("pattern") .attr("id", "unique-stripes-maquette_1") // ID unique pour ce motif .attr("width", 8) .attr("height", 8) .attr("patternUnits", "userSpaceOnUse"); // Définir une ligne diagonale dans le motif de 8x8 pixels pattern.append("line") .attr("x1", 0) .attr("y1", 0) .attr("x2", 8) .attr("y2", 8) .attr("stroke", "#4c4c4c") // Choix de la couleur directement appliquée ici .attr("stroke-width", 1); // Épaisseur de la ligne // Fonction pour dessiner des hachures sur les polygones disputés function dessinerhachures() { g.selectAll("path").remove(); // Supprimer les anciennes hachures pour éviter les doublons lors des mises à jour map1864050.features.forEach(feature => { if (feature.properties.CATEGORY === "disputed") { let path = d3.geoPath().projection(d3.geoTransform({ point: function (x, y) { let point = map.latLngToLayerPoint([y, x]); this.stream.point(point.x, point.y); } })); // Ajouter un chemin D3 pour chaque polygone "disputed" g.append("path") .datum(feature) .attr("d", path) .attr("fill", "url(#unique-stripes-maquette_1)") // Utilisation du motif unique .attr("stroke", "#4c4c4c") .attr("stroke-width", 1); } }); } // Redessiner les hachures lors de chaque mouvement ou zoom map.on("moveend", dessinerhachures); // Lancer le dessin initial des hachures dessinerhachures(); L.geoJSON(map1864050, { style: function (feature) { return { color: "#4c4c4c", weight: 0.8, fillOpacity: 0 }; }, onEachFeature: function (feature, layer) { const popupContent = feature.properties.LABEL ? feature.properties.LABEL : "Nom inconnu"; layer.bindPopup("

" + popupContent + "

Lieu de vie

Lieu de publication des récits

Lieu d'esclavage

Lieu de naissance

Territoires contestés

`; return div; }; // Ajouter la légende à la carte legend.addTo(map); };35:T56a7,maquette_2 = { // Création du

conteneur de la carte let container = DOM.element('div', { style: `width:${width}px;height:${width / 2}px` }); // Rendu du conteneur pour qu'il se dimensionne avant que Leaflet ne dessine la carte yield container; // Création de la carte avec une couche Esri_WorldPhysical let map = L.map(container).setView([38, -95], 4); let Esri_WorldPhysical = L.tileLayer( 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Physical_Map/MapServer/tile/{z}/{y}/{x}', { attribution: 'Tiles © Esri — Source: US National Park Service', maxZoom: 7 } ).addTo(map); //############################## MISE EN PLACE DES ELEMENTS DU RECIT SUR LA CARTE ############################## const R54_pt_lieuvie = { "type": "FeatureCollection", "name": "R54_pt_lieuvie", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "id": 1, "ville": "Toronto" }, "geometry": { "type": "Point", "coordinates": [-79.38256481417325, 43.653827746013157] } } ] }; const R54_pt_publication = { "type": "FeatureCollection", "name": "R54_pt_publication", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "id": null, "ville": "Huddersfield" }, "geometry": { "type": "Point", "coordinates": [ -1.782409551243112, 53.64664361257185 ] } } ] }; const R54_py_esclavage = { "type": "FeatureCollection", "name": "R54_py_esclavage", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "ID": 186107000.0, "LABEL": "Tennessee", "CATEGORY": "seceded_state", "COUNTRY": "Confederacy", "STATE": "TN" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -81.677535, 36.588117 ], [ -81.700553, 36.51519 ], [ -81.714277, 36.450978 ], [ -81.720968932994111, 36.387499612536978 ], [ -81.747842, 36.337356 ], [ -81.789712, 36.348324 ], [ -81.855005, 36.337259 ], [ -81.908137, 36.302013 ], [ -81.932994, 36.264881 ], [ -81.960101, 36.228131 ], [ -82.02664, 36.130222 ], [ -82.130646, 36.106417 ], [ -82.147948, 36.149516 ], [ -82.234807, 36.14172 ], [ -82.325169, 36.119363 ], [ -82.348422, 36.115929 ], [ -82.409458, 36.083409 ], [ -82.462958, 36.007309 ], [ -82.487411, 35.991634 ], [ -82.557529, 35.954671 ], [ -82.611262, 35.973155 ], [ -82.619205, 36.056556 ], [ -82.637165, 36.065805 ], [ -82.715365, 36.024253 ], [ -82.754465, 36.004304 ], [ -82.778625, 35.974792 ], [ -82.830112, 35.932972 ], [ -82.913338, 35.924113 ], [ -82.918356, 35.845467 ], [ -82.995803, 35.773128 ], [ -83.100233, 35.774745 ], [ -83.164909, 35.759965 ], [ -83.250695, 35.709349 ], [ -83.297154, 35.65775 ], [ -83.366941, 35.638728 ], [ -83.445802, 35.611803 ], [ -83.498335, 35.562981 ], [ -83.640498, 35.566075 ], [ -83.676268, 35.570289 ], [ -83.756917, 35.563604 ], [ -83.880074, 35.518745 ], [ -83.933876, 35.472438 ], [ -84.00225, 35.422548 ], [ -84.03245, 35.32653 ], [ -84.029033334663382, 35.291048835661002 ], [ -84.097508, 35.247382 ], [ -84.124915, 35.24983 ], [ -84.202879, 35.255772 ], [ -84.292321, 35.206677 ], [ -84.308437, 35.093173 ], [ -84.308576, 35.092761 ], [ -84.321869, 34.988408 ], [ -85.605165, 34.984678 ], [ -86.783628011388089, 34.991925027334723 ], [ -88.18245, 35.007712 ], [ -88.217237352602012, 35.007343831307601 ], [ -89.139136, 34.994307 ], [ -90.295562147845175, 34.995736766503803 ], [ -90.309877, 35.00975 ], [ -90.193859, 35.061646 ], [ -90.160058, 35.12883 ], [ -90.109393, 35.118891 ], [ -90.064612, 35.140621 ], [ -90.07741, 35.225479 ], [ -90.116493, 35.255788 ], [ -90.086691366992198, 35.369935169726595 ], [ -90.179265, 35.385194 ], [ -90.107723, 35.476935 ], [ -90.067798, 35.466224 ], [ -90.039744, 35.548041 ], [ -89.957347, 35.528683 ], [ -89.909797, 35.537914 ], [ -89.922749, 35.655293 ], [ -89.905538, 35.759063 ], [ -89.821216, 35.756716 ], [ -89.729517, 35.847632 ], [ -89.73361, 35.904699 ], [ -89.687938730115292, 35.905384161090197 ], [ -89.71997, 35.97462 ], [ -89.707507896934487, 36.001676760062736 ], [ -89.684439, 36.051719 ], [ -89.624235, 36.108626 ], [ -89.629452, 36.185382 ], [ -89.589561, 36.239116 ], [ -89.539487, 36.277368 ], [ -89.545006, 36.336809 ], [ -89.509558, 36.375065 ], [ -89.498036, 36.497887 ], [ -89.471718, 36.457001 ], [ -89.417293, 36.499033 ], [ -88.053292110335022, 36.497130075251377 ], [ -88.011792, 36.677025 ], [ -87.849567, 36.663701 ], [ -87.853204, 36.633247 ], [ -86.813037, 36.647647 ], [ -85.276289, 36.626511 ], [ -83.987842, 36.5896 ], [ -83.679017371462749, 36.592265993215641 ], [ -81.934144, 36.594213 ], [ -81.677535, 36.588117 ] ] ] ] } }, { "type": "Feature", "properties": { "ID": 179109001.0, "LABEL": "Maryland", "CATEGORY": "state", "COUNTRY": "US", "STATE": "MD" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -77.038598, 38.791513 ], [ -76.909395, 38.892812 ], [ -77.040999, 38.99511 ], [ -77.1199, 38.934311 ], [ -77.148179, 38.965002 ], [ -77.235403, 38.97661 ], [ -77.328001684798082, 39.05855378096232 ], [ -77.42318, 39.066878 ], [ -77.519929, 39.120925 ], [ -77.527282, 39.146236 ], [ -77.478596, 39.189168 ], [ -77.458884, 39.219826 ], [ -77.534461, 39.262361 ], [ -77.592739, 39.30129 ], [ -77.719029, 39.321125 ], [ -77.755789, 39.333899 ], [ -77.739204, 39.38573 ], [ -77.807821, 39.490241 ], [ -77.865423, 39.516472 ], [ -77.9026486985601, 39.587795579566865 ], [ -78.009985, 39.602893 ], [ -78.074595, 39.666686 ], [ -78.191107, 39.690262 ], [ -78.224337, 39.66327 ], [ -78.283039, 39.62047 ], [ -78.355218, 39.640576 ], [ -78.43025, 39.62329 ], [ -78.458456, 39.581158 ], [ -78.432033, 39.561053 ], [ -78.468639, 39.516789 ], [ -78.565929, 39.519444 ], [ -78.655984, 39.534695 ], [ -78.760196, 39.582154 ], [ -78.769028805132791, 39.599870586051871 ], [ -78.787460828586887, 39.627491527375035 ], [ -78.968996, 39.441543 ], [ -79.08445, 39.471356 ], [ -79.213192, 39.367897 ], [ -79.25688, 39.356077 ], [ -79.486873, 39.205961 ], [ -79.476662, 39.721078 ], [ -78.342833889297495, 39.72253912584236 ], [ -76.897566, 39.720401 ], [ -75.810559840085688, 39.721909683539437 ], [ -75.788395, 39.700287 ], [ -75.766692622073791, 39.377537 ], [ -75.725829, 38.869296 ], [ -75.69352100011919, 38.460127999937292 ], [ -75.341246779635597, 38.451969980972386 ], [ -75.07120369997979, 38.451338477346077 ], [ -75.074532031578897, 38.350389683238973 ], [ -75.192924578274997, 38.097819438853342 ], [ -75.349338, 37.873143 ], [ -75.487485, 37.832136 ], [ -75.63337, 37.52214 ], [ -75.830341, 37.1706 ], [ -75.978083, 37.157338 ], [ -76.025753, 37.257407 ], [ -75.987122, 37.368548 ], [ -75.949974, 37.521876 ], [ -75.877059, 37.660641 ], [ -75.702914, 37.849659 ], [ -75.722085, 37.973416 ], [ -75.875297, 38.011965 ], [ -75.951566, 38.178093 ], [ -76.26035, 38.506255 ], [ -76.175159, 38.673236 ], [ -76.200665999999899, 39.014519999999884 ], [ -76.266365, 39.353352 ], [ -76.442482, 39.195408 ], [ -76.523404940340882, 38.795557001978381 ], [ -76.436271, 38.433429 ], [ -76.359886974455705, 38.188736527042529 ], [ -76.332811905972292, 38.049938310949798 ], [ -76.487576397217822, 38.134223335028508 ], [ -76.545335, 38.165373 ], [ -76.624387016331696, 38.223429289162112 ], [ -76.752286, 38.222121000000101 ], [ -76.811647, 38.250129 ], [ -76.802347, 38.280743 ], [ -76.842139, 38.254491 ], [ -76.920777629717321, 38.291529016099481 ], [ -76.966348864504894, 38.341371920328818 ], [ -77.000996673524398, 38.419293005395495 ], [ -77.040637999999888, 38.444618000000112 ], [ -77.127392266856106, 38.401599742144391 ], [ -77.236230683437299, 38.374601216081352 ], [ -77.259961799735407, 38.435820793258472 ], [ -77.221116999999893, 38.555217 ], [ -77.183767, 38.600699 ], [ -77.129084, 38.614364 ], [ -77.1302, 38.635017 ], [ -77.121101, 38.686616 ], [ -77.05990989156939, 38.73441908863802 ], [ -77.038598, 38.791513 ] ] ] ] } } ] }; const R54_py_naissance = { "type": "FeatureCollection", "name": "R54_py_naissance", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "ID": 186112100.0, "LABEL": "Kentucky (claimed by CSA)", "CATEGORY": "disputed", "COUNTRY": null, "STATE": "KY" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -82.586602864651368, 38.42945631735558 ], [ -82.593673, 38.421809 ], [ -82.593008, 38.375082 ], [ -82.571877, 38.315781 ], [ -82.574656, 38.263873 ], [ -82.59497, 38.245453 ], [ -82.644739, 38.165487 ], [ -82.636466, 38.13786 ], [ -82.602618, 38.11835 ], [ -82.547284, 38.061094 ], [ -82.519665, 38.008538 ], [ -82.509812, 38.001249 ], [ -82.464987, 37.976859 ], [ -82.500386, 37.936518 ], [ -82.474666, 37.910388 ], [ -82.400234437077188, 37.851832962110805 ], [ -82.329867, 37.775897 ], [ -82.319023, 37.758892 ], [ -82.325739, 37.735799 ], [ -82.297011, 37.687273 ], [ -82.25028, 37.657776 ], [ -82.21967, 37.643046 ], [ -82.141814, 37.595052 ], [ -82.116584, 37.559588 ], [ -82.048521, 37.531078 ], [ -82.008274, 37.533357 ], [ -81.968297, 37.537798 ], [ -82.153120015573691, 37.414911288460829 ], [ -82.291908, 37.311642 ], [ -82.350948, 37.267077 ], [ -82.510826, 37.218091 ], [ -82.624878, 37.162932 ], [ -82.721941, 37.105689 ], [ -82.722472, 37.045101 ], [ -82.788897, 37.00816 ], [ -82.818006, 37.006161 ], [ -82.840051, 36.987113 ], [ -82.869182669010399, 36.97418304525435 ], [ -82.860633, 36.94584 ], [ -82.872136, 36.913456 ], [ -82.911824, 36.874243 ], [ -82.973395, 36.859097 ], [ -83.07259, 36.854589 ], [ -83.099792, 36.824889 ], [ -83.131694, 36.781488 ], [ -83.136395, 36.743088 ], [ -83.199698, 36.737487 ], [ -83.342804, 36.701286 ], [ -83.460808, 36.664885 ], [ -83.498011, 36.670485 ], [ -83.527212, 36.665984 ], [ -83.649513, 36.616683 ], [ -83.679017371462749, 36.592265993215641 ], [ -83.987842, 36.5896 ], [ -85.276289, 36.626511 ], [ -86.813037, 36.647647 ], [ -87.853204, 36.633247 ], [ -87.849567, 36.663701 ], [ -88.011792, 36.677025 ], [ -88.053292110335022, 36.497130075251377 ], [ -89.417293, 36.499033 ], [ -89.471718, 36.457001 ], [ -89.498036, 36.497887 ], [ -89.500076, 36.576305 ], [ -89.343753, 36.630991 ], [ -89.227319, 36.569375 ], [ -89.187749, 36.641115 ], [ -89.201047, 36.725772 ], [ -89.123548090101494, 36.785220493078967 ], [ -89.147674, 36.847148 ], [ -89.10079374727701, 36.944006230839292 ], [ -89.132685, 36.9822 ], [ -89.178975, 37.020928 ], [ -89.171880551089004, 37.068183979028525 ], [ -89.086526, 37.165602 ], [ -88.98326, 37.228685 ], [ -88.809206, 37.189235 ], [ -88.625889, 37.119458 ], [ -88.490296836598688, 37.066669203323329 ], [ -88.444605, 37.098601 ], [ -88.471753, 37.220155 ], [ -88.514661, 37.290948 ], [ -88.358436, 37.40486 ], [ -88.255193, 37.456748 ], [ -88.083395, 37.473683 ], [ -88.072242, 37.528826 ], [ -88.139973, 37.586451 ], [ -88.160187, 37.657592 ], [ -88.072538, 37.733286 ], [ -88.02803, 37.799224 ], [ -87.970869, 37.783456 ], [ -87.903804, 37.817762 ], [ -87.936228, 37.867937 ], [ -87.927424052677381, 37.902037635982438 ], [ -87.865558, 37.915056 ], [ -87.830578, 37.876516 ], [ -87.76226, 37.890906 ], [ -87.662865, 37.885578 ], [ -87.645858, 37.825899 ], [ -87.588729, 37.860984 ], [ -87.62896, 37.926714 ], [ -87.574715, 37.967742 ], [ -87.511499, 37.906426 ], [ -87.402632, 37.942267 ], [ -87.269561015701399, 37.877154965094704 ], [ -87.20224, 37.843791 ], [ -87.077404, 37.796209 ], [ -87.043854, 37.870796 ], [ -86.919329, 37.936664 ], [ -86.85595, 37.987292 ], [ -86.787695, 37.971449 ], [ -86.73146, 37.89434 ], [ -86.660293, 37.865057 ], [ -86.604624, 37.858272 ], [ -86.525174, 37.968228 ], [ -86.490857912614302, 38.045795683254205 ], [ -86.332567, 38.130131 ], [ -86.27872, 38.089303 ], [ -86.220371, 38.027922 ], [ -86.029509, 37.99264 ], [ -85.922395, 38.028679 ], [ -85.909464, 38.14007 ], [ -85.816164, 38.282969 ], [ -85.744862, 38.26717 ], [ -85.638777, 38.361443 ], [ -85.607629, 38.439295 ], [ -85.462518, 38.512602 ], [ -85.427466534897491, 38.586735237537084 ], [ -85.456978, 38.689135 ], [ -85.258846, 38.737754 ], [ -85.156158, 38.692251 ], [ -85.02420450331401, 38.763311154216602 ], [ -84.944296, 38.775184 ], [ -84.81335, 38.79833 ], [ -84.813182056057485, 38.930582910017577 ], [ -84.849445, 39.000923 ], [ -84.878613671655287, 39.030295602045257 ], [ -84.801395312498926, 39.081851807829786 ], [ -84.718548, 39.137059 ], [ -84.684847, 39.100459 ], [ -84.493743, 39.10246 ], [ -84.326539, 39.027463 ], [ -84.234453, 38.893226 ], [ -84.205592, 38.802588 ], [ -83.943978, 38.783616 ], [ -83.777823, 38.674453 ], [ -83.706043136291584, 38.637100529845867 ], [ -83.642994, 38.643273 ], [ -83.512571, 38.701716 ], [ -83.369077, 38.659334 ], [ -83.333347, 38.641562 ], [ -83.156926, 38.620547 ], [ -83.127652, 38.642451 ], [ -82.968695, 38.728776 ], [ -82.871292, 38.739376 ], [ -82.869592, 38.678177 ], [ -82.789776, 38.559951 ], [ -82.665484918985698, 38.50573427837049 ], [ -82.586602864651368, 38.42945631735558 ] ] ] ] } } ] }; //############################## MISE EN PLACE + AJOUT DES AIRES AUTOCHTONES ############################## function style_autoch(feature) { var cat = feature.properties.id; if (cat == "1") { return { color: "white", fillColor: "#a56d50", fillOpacity: 0.3, weight: 0.4, opacity: 0 }; } else if (cat == "2") { return { color: "white", fillColor: "#31927e", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "3") { return { color: "white", fillColor: "#d4dc37", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "4") { return { color: "white", fillColor: "#d5a847", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "5") { return { color: "white", fillColor: "#406d2c", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "6") { return { color: "white", fillColor: "#47abc4", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "8") { return { color: "#a7dfbf", fillColor: "#a7dfbf", fillOpacity: 0.6, weight: 3, opacity: 0 }; } } // Ajout de la couche GeoJSON avec le style défini L.geoJSON(aires_cult_aut, { style: style_autoch, // Utilisation directe de la fonction de style }).addTo(map); //############################## AJOUT DES ELEMENTS DU RECIT A LA CARTE ############################## L.geoJSON(R54_pt_lieuvie, { onEachFeature: function (feature, layer) { // Ajouter une popup pour afficher le nom de la ville const popupContent = `${feature.properties.ville}`; layer.bindPopup(popupContent); }, pointToLayer: function (feature, latlng) { // Personnalisation de l'icône du point avec la couleur #20A238 return L.circleMarker(latlng, { radius: 6, fillColor: "#20A238", color: "#000", weight: 1, opacity: 1, fillOpacity: 1 }); } }).addTo(map); L.geoJSON(R54_pt_publication, { onEachFeature: function (feature, layer) { // Ajouter une popup pour afficher le nom de la ville const popupContent = `${feature.properties.ville}`; layer.bindPopup(popupContent); }, pointToLayer: function (feature, latlng) { // Personnalisation de l'icône du point avec la couleur #ED6D1D return L.circleMarker(latlng, { radius: 6, fillColor: "#ED6D1D", color: "#000", weight: 1, opacity: 1, fillOpacity: 1 }); } }).addTo(map); L.geoJSON(R54_py_esclavage, { style: function (feature) { return { fillColor: "#2E4C9B", color: "black", weight: 0.8, fillOpacity: 1 }; }}).addTo(map); L.geoJSON(R54_py_naissance, { style: function (feature) { return { fillColor: "#1CB1C4", color: "black", weight: 0.8, fillOpacity: 1 }; }}).addTo(map); //############################## MISE EN PLACE DES HACHURES + LIMITES DES ETATS ############################## // Ajouter un calque SVG pour D3 let couchesvg = L.svg({ clickable: true }).addTo(map); // Sélection du conteneur SVG pour D3 let svg = d3.select(container).select("svg"); let g = svg.append("g").attr("class", "leaflet-zoom-hide"); // Ajouter un motif de hachures avec D3 let defs = svg.append("defs"); let pattern = defs.append("pattern") .attr("id", "unique-stripes-maquette_2") // ID unique pour ce motif .attr("width", 8) .attr("height", 8) .attr("patternUnits", "userSpaceOnUse"); // Définir une ligne diagonale dans le motif de 8x8 pixels pattern.append("line") .attr("x1", 0) .attr("y1", 0) .attr("x2", 8) .attr("y2", 8) .attr("stroke", "red") // Choix de la couleur directement appliquée ici .attr("stroke-width", 1); // Épaisseur de la ligne // Fonction pour dessiner des hachures sur les polygones disputés function dessinerhachures() { g.selectAll("path").remove(); // Supprimer les anciennes hachures pour éviter les doublons lors des mises à jour map1864050.features.forEach(feature => { if (feature.properties.CATEGORY === "disputed") { let path = d3.geoPath().projection(d3.geoTransform({ point: function (x, y) { let point = map.latLngToLayerPoint([y, x]); this.stream.point(point.x, point.y); } })); // Ajouter un chemin D3 pour chaque polygone "disputed" g.append("path") .datum(feature) .attr("d", path) .attr("fill", "url(#unique-stripes-maquette_2)") // Utilisation du motif unique .attr("stroke", "#4c4c4c") .attr("stroke-width", 1); } }); } // Redessiner les hachures lors de chaque mouvement ou zoom map.on("moveend", dessinerhachures); // Lancer le dessin initial des hachures dessinerhachures(); L.geoJSON(map1864050, { style: function (feature) { return { color: "#4c4c4c", weight: 0.8, fillOpacity: 0 }; }, onEachFeature: function (feature, layer) { const popupContent = feature.properties.LABEL ? feature.properties.LABEL : "Nom inconnu"; layer.bindPopup("

" + popupContent + "

Lieu de vie

Lieu de publication des récits

Lieu d'esclavage

Lieu de naissance

Territoires contestés

`; return div; }; // Ajouter la légende à la carte legend.addTo(map); };36:T56a0,maquette_3 = { // Création du

conteneur de la carte let container = DOM.element('div', { style: `width:${width}px;height:${width / 2}px` }); // Rendu du conteneur pour qu'il se dimensionne avant que Leaflet ne dessine la carte yield container; // Création de la carte avec une couche Esri_WorldPhysical let map = L.map(container).setView([38, -95], 4); let Esri_WorldPhysical = L.tileLayer( 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Physical_Map/MapServer/tile/{z}/{y}/{x}', { attribution: 'Tiles © Esri — Source: US National Park Service', maxZoom: 7 } ).addTo(map); //############################## MISE EN PLACE DES ELEMENTS DU RECIT SUR LA CARTE ############################## const R54_pt_lieuvie = { "type": "FeatureCollection", "name": "R54_pt_lieuvie", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "id": 1, "ville": "Toronto" }, "geometry": { "type": "Point", "coordinates": [-79.38256481417325, 43.653827746013157] } } ] }; const R54_pt_publication = { "type": "FeatureCollection", "name": "R54_pt_publication", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "id": null, "ville": "Huddersfield" }, "geometry": { "type": "Point", "coordinates": [ -1.782409551243112, 53.64664361257185 ] } } ] }; const R54_py_esclavage = { "type": "FeatureCollection", "name": "R54_py_esclavage", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "ID": 186107000.0, "LABEL": "Tennessee", "CATEGORY": "seceded_state", "COUNTRY": "Confederacy", "STATE": "TN" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -81.677535, 36.588117 ], [ -81.700553, 36.51519 ], [ -81.714277, 36.450978 ], [ -81.720968932994111, 36.387499612536978 ], [ -81.747842, 36.337356 ], [ -81.789712, 36.348324 ], [ -81.855005, 36.337259 ], [ -81.908137, 36.302013 ], [ -81.932994, 36.264881 ], [ -81.960101, 36.228131 ], [ -82.02664, 36.130222 ], [ -82.130646, 36.106417 ], [ -82.147948, 36.149516 ], [ -82.234807, 36.14172 ], [ -82.325169, 36.119363 ], [ -82.348422, 36.115929 ], [ -82.409458, 36.083409 ], [ -82.462958, 36.007309 ], [ -82.487411, 35.991634 ], [ -82.557529, 35.954671 ], [ -82.611262, 35.973155 ], [ -82.619205, 36.056556 ], [ -82.637165, 36.065805 ], [ -82.715365, 36.024253 ], [ -82.754465, 36.004304 ], [ -82.778625, 35.974792 ], [ -82.830112, 35.932972 ], [ -82.913338, 35.924113 ], [ -82.918356, 35.845467 ], [ -82.995803, 35.773128 ], [ -83.100233, 35.774745 ], [ -83.164909, 35.759965 ], [ -83.250695, 35.709349 ], [ -83.297154, 35.65775 ], [ -83.366941, 35.638728 ], [ -83.445802, 35.611803 ], [ -83.498335, 35.562981 ], [ -83.640498, 35.566075 ], [ -83.676268, 35.570289 ], [ -83.756917, 35.563604 ], [ -83.880074, 35.518745 ], [ -83.933876, 35.472438 ], [ -84.00225, 35.422548 ], [ -84.03245, 35.32653 ], [ -84.029033334663382, 35.291048835661002 ], [ -84.097508, 35.247382 ], [ -84.124915, 35.24983 ], [ -84.202879, 35.255772 ], [ -84.292321, 35.206677 ], [ -84.308437, 35.093173 ], [ -84.308576, 35.092761 ], [ -84.321869, 34.988408 ], [ -85.605165, 34.984678 ], [ -86.783628011388089, 34.991925027334723 ], [ -88.18245, 35.007712 ], [ -88.217237352602012, 35.007343831307601 ], [ -89.139136, 34.994307 ], [ -90.295562147845175, 34.995736766503803 ], [ -90.309877, 35.00975 ], [ -90.193859, 35.061646 ], [ -90.160058, 35.12883 ], [ -90.109393, 35.118891 ], [ -90.064612, 35.140621 ], [ -90.07741, 35.225479 ], [ -90.116493, 35.255788 ], [ -90.086691366992198, 35.369935169726595 ], [ -90.179265, 35.385194 ], [ -90.107723, 35.476935 ], [ -90.067798, 35.466224 ], [ -90.039744, 35.548041 ], [ -89.957347, 35.528683 ], [ -89.909797, 35.537914 ], [ -89.922749, 35.655293 ], [ -89.905538, 35.759063 ], [ -89.821216, 35.756716 ], [ -89.729517, 35.847632 ], [ -89.73361, 35.904699 ], [ -89.687938730115292, 35.905384161090197 ], [ -89.71997, 35.97462 ], [ -89.707507896934487, 36.001676760062736 ], [ -89.684439, 36.051719 ], [ -89.624235, 36.108626 ], [ -89.629452, 36.185382 ], [ -89.589561, 36.239116 ], [ -89.539487, 36.277368 ], [ -89.545006, 36.336809 ], [ -89.509558, 36.375065 ], [ -89.498036, 36.497887 ], [ -89.471718, 36.457001 ], [ -89.417293, 36.499033 ], [ -88.053292110335022, 36.497130075251377 ], [ -88.011792, 36.677025 ], [ -87.849567, 36.663701 ], [ -87.853204, 36.633247 ], [ -86.813037, 36.647647 ], [ -85.276289, 36.626511 ], [ -83.987842, 36.5896 ], [ -83.679017371462749, 36.592265993215641 ], [ -81.934144, 36.594213 ], [ -81.677535, 36.588117 ] ] ] ] } }, { "type": "Feature", "properties": { "ID": 179109001.0, "LABEL": "Maryland", "CATEGORY": "state", "COUNTRY": "US", "STATE": "MD" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -77.038598, 38.791513 ], [ -76.909395, 38.892812 ], [ -77.040999, 38.99511 ], [ -77.1199, 38.934311 ], [ -77.148179, 38.965002 ], [ -77.235403, 38.97661 ], [ -77.328001684798082, 39.05855378096232 ], [ -77.42318, 39.066878 ], [ -77.519929, 39.120925 ], [ -77.527282, 39.146236 ], [ -77.478596, 39.189168 ], [ -77.458884, 39.219826 ], [ -77.534461, 39.262361 ], [ -77.592739, 39.30129 ], [ -77.719029, 39.321125 ], [ -77.755789, 39.333899 ], [ -77.739204, 39.38573 ], [ -77.807821, 39.490241 ], [ -77.865423, 39.516472 ], [ -77.9026486985601, 39.587795579566865 ], [ -78.009985, 39.602893 ], [ -78.074595, 39.666686 ], [ -78.191107, 39.690262 ], [ -78.224337, 39.66327 ], [ -78.283039, 39.62047 ], [ -78.355218, 39.640576 ], [ -78.43025, 39.62329 ], [ -78.458456, 39.581158 ], [ -78.432033, 39.561053 ], [ -78.468639, 39.516789 ], [ -78.565929, 39.519444 ], [ -78.655984, 39.534695 ], [ -78.760196, 39.582154 ], [ -78.769028805132791, 39.599870586051871 ], [ -78.787460828586887, 39.627491527375035 ], [ -78.968996, 39.441543 ], [ -79.08445, 39.471356 ], [ -79.213192, 39.367897 ], [ -79.25688, 39.356077 ], [ -79.486873, 39.205961 ], [ -79.476662, 39.721078 ], [ -78.342833889297495, 39.72253912584236 ], [ -76.897566, 39.720401 ], [ -75.810559840085688, 39.721909683539437 ], [ -75.788395, 39.700287 ], [ -75.766692622073791, 39.377537 ], [ -75.725829, 38.869296 ], [ -75.69352100011919, 38.460127999937292 ], [ -75.341246779635597, 38.451969980972386 ], [ -75.07120369997979, 38.451338477346077 ], [ -75.074532031578897, 38.350389683238973 ], [ -75.192924578274997, 38.097819438853342 ], [ -75.349338, 37.873143 ], [ -75.487485, 37.832136 ], [ -75.63337, 37.52214 ], [ -75.830341, 37.1706 ], [ -75.978083, 37.157338 ], [ -76.025753, 37.257407 ], [ -75.987122, 37.368548 ], [ -75.949974, 37.521876 ], [ -75.877059, 37.660641 ], [ -75.702914, 37.849659 ], [ -75.722085, 37.973416 ], [ -75.875297, 38.011965 ], [ -75.951566, 38.178093 ], [ -76.26035, 38.506255 ], [ -76.175159, 38.673236 ], [ -76.200665999999899, 39.014519999999884 ], [ -76.266365, 39.353352 ], [ -76.442482, 39.195408 ], [ -76.523404940340882, 38.795557001978381 ], [ -76.436271, 38.433429 ], [ -76.359886974455705, 38.188736527042529 ], [ -76.332811905972292, 38.049938310949798 ], [ -76.487576397217822, 38.134223335028508 ], [ -76.545335, 38.165373 ], [ -76.624387016331696, 38.223429289162112 ], [ -76.752286, 38.222121000000101 ], [ -76.811647, 38.250129 ], [ -76.802347, 38.280743 ], [ -76.842139, 38.254491 ], [ -76.920777629717321, 38.291529016099481 ], [ -76.966348864504894, 38.341371920328818 ], [ -77.000996673524398, 38.419293005395495 ], [ -77.040637999999888, 38.444618000000112 ], [ -77.127392266856106, 38.401599742144391 ], [ -77.236230683437299, 38.374601216081352 ], [ -77.259961799735407, 38.435820793258472 ], [ -77.221116999999893, 38.555217 ], [ -77.183767, 38.600699 ], [ -77.129084, 38.614364 ], [ -77.1302, 38.635017 ], [ -77.121101, 38.686616 ], [ -77.05990989156939, 38.73441908863802 ], [ -77.038598, 38.791513 ] ] ] ] } } ] }; const R54_py_naissance = { "type": "FeatureCollection", "name": "R54_py_naissance", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "ID": 186112100.0, "LABEL": "Kentucky (claimed by CSA)", "CATEGORY": "disputed", "COUNTRY": null, "STATE": "KY" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -82.586602864651368, 38.42945631735558 ], [ -82.593673, 38.421809 ], [ -82.593008, 38.375082 ], [ -82.571877, 38.315781 ], [ -82.574656, 38.263873 ], [ -82.59497, 38.245453 ], [ -82.644739, 38.165487 ], [ -82.636466, 38.13786 ], [ -82.602618, 38.11835 ], [ -82.547284, 38.061094 ], [ -82.519665, 38.008538 ], [ -82.509812, 38.001249 ], [ -82.464987, 37.976859 ], [ -82.500386, 37.936518 ], [ -82.474666, 37.910388 ], [ -82.400234437077188, 37.851832962110805 ], [ -82.329867, 37.775897 ], [ -82.319023, 37.758892 ], [ -82.325739, 37.735799 ], [ -82.297011, 37.687273 ], [ -82.25028, 37.657776 ], [ -82.21967, 37.643046 ], [ -82.141814, 37.595052 ], [ -82.116584, 37.559588 ], [ -82.048521, 37.531078 ], [ -82.008274, 37.533357 ], [ -81.968297, 37.537798 ], [ -82.153120015573691, 37.414911288460829 ], [ -82.291908, 37.311642 ], [ -82.350948, 37.267077 ], [ -82.510826, 37.218091 ], [ -82.624878, 37.162932 ], [ -82.721941, 37.105689 ], [ -82.722472, 37.045101 ], [ -82.788897, 37.00816 ], [ -82.818006, 37.006161 ], [ -82.840051, 36.987113 ], [ -82.869182669010399, 36.97418304525435 ], [ -82.860633, 36.94584 ], [ -82.872136, 36.913456 ], [ -82.911824, 36.874243 ], [ -82.973395, 36.859097 ], [ -83.07259, 36.854589 ], [ -83.099792, 36.824889 ], [ -83.131694, 36.781488 ], [ -83.136395, 36.743088 ], [ -83.199698, 36.737487 ], [ -83.342804, 36.701286 ], [ -83.460808, 36.664885 ], [ -83.498011, 36.670485 ], [ -83.527212, 36.665984 ], [ -83.649513, 36.616683 ], [ -83.679017371462749, 36.592265993215641 ], [ -83.987842, 36.5896 ], [ -85.276289, 36.626511 ], [ -86.813037, 36.647647 ], [ -87.853204, 36.633247 ], [ -87.849567, 36.663701 ], [ -88.011792, 36.677025 ], [ -88.053292110335022, 36.497130075251377 ], [ -89.417293, 36.499033 ], [ -89.471718, 36.457001 ], [ -89.498036, 36.497887 ], [ -89.500076, 36.576305 ], [ -89.343753, 36.630991 ], [ -89.227319, 36.569375 ], [ -89.187749, 36.641115 ], [ -89.201047, 36.725772 ], [ -89.123548090101494, 36.785220493078967 ], [ -89.147674, 36.847148 ], [ -89.10079374727701, 36.944006230839292 ], [ -89.132685, 36.9822 ], [ -89.178975, 37.020928 ], [ -89.171880551089004, 37.068183979028525 ], [ -89.086526, 37.165602 ], [ -88.98326, 37.228685 ], [ -88.809206, 37.189235 ], [ -88.625889, 37.119458 ], [ -88.490296836598688, 37.066669203323329 ], [ -88.444605, 37.098601 ], [ -88.471753, 37.220155 ], [ -88.514661, 37.290948 ], [ -88.358436, 37.40486 ], [ -88.255193, 37.456748 ], [ -88.083395, 37.473683 ], [ -88.072242, 37.528826 ], [ -88.139973, 37.586451 ], [ -88.160187, 37.657592 ], [ -88.072538, 37.733286 ], [ -88.02803, 37.799224 ], [ -87.970869, 37.783456 ], [ -87.903804, 37.817762 ], [ -87.936228, 37.867937 ], [ -87.927424052677381, 37.902037635982438 ], [ -87.865558, 37.915056 ], [ -87.830578, 37.876516 ], [ -87.76226, 37.890906 ], [ -87.662865, 37.885578 ], [ -87.645858, 37.825899 ], [ -87.588729, 37.860984 ], [ -87.62896, 37.926714 ], [ -87.574715, 37.967742 ], [ -87.511499, 37.906426 ], [ -87.402632, 37.942267 ], [ -87.269561015701399, 37.877154965094704 ], [ -87.20224, 37.843791 ], [ -87.077404, 37.796209 ], [ -87.043854, 37.870796 ], [ -86.919329, 37.936664 ], [ -86.85595, 37.987292 ], [ -86.787695, 37.971449 ], [ -86.73146, 37.89434 ], [ -86.660293, 37.865057 ], [ -86.604624, 37.858272 ], [ -86.525174, 37.968228 ], [ -86.490857912614302, 38.045795683254205 ], [ -86.332567, 38.130131 ], [ -86.27872, 38.089303 ], [ -86.220371, 38.027922 ], [ -86.029509, 37.99264 ], [ -85.922395, 38.028679 ], [ -85.909464, 38.14007 ], [ -85.816164, 38.282969 ], [ -85.744862, 38.26717 ], [ -85.638777, 38.361443 ], [ -85.607629, 38.439295 ], [ -85.462518, 38.512602 ], [ -85.427466534897491, 38.586735237537084 ], [ -85.456978, 38.689135 ], [ -85.258846, 38.737754 ], [ -85.156158, 38.692251 ], [ -85.02420450331401, 38.763311154216602 ], [ -84.944296, 38.775184 ], [ -84.81335, 38.79833 ], [ -84.813182056057485, 38.930582910017577 ], [ -84.849445, 39.000923 ], [ -84.878613671655287, 39.030295602045257 ], [ -84.801395312498926, 39.081851807829786 ], [ -84.718548, 39.137059 ], [ -84.684847, 39.100459 ], [ -84.493743, 39.10246 ], [ -84.326539, 39.027463 ], [ -84.234453, 38.893226 ], [ -84.205592, 38.802588 ], [ -83.943978, 38.783616 ], [ -83.777823, 38.674453 ], [ -83.706043136291584, 38.637100529845867 ], [ -83.642994, 38.643273 ], [ -83.512571, 38.701716 ], [ -83.369077, 38.659334 ], [ -83.333347, 38.641562 ], [ -83.156926, 38.620547 ], [ -83.127652, 38.642451 ], [ -82.968695, 38.728776 ], [ -82.871292, 38.739376 ], [ -82.869592, 38.678177 ], [ -82.789776, 38.559951 ], [ -82.665484918985698, 38.50573427837049 ], [ -82.586602864651368, 38.42945631735558 ] ] ] ] } } ] }; //############################## MISE EN PLACE + AJOUT DES AIRES AUTOCHTONES ############################## function style_autoch(feature) { var cat = feature.properties.id; if (cat == "1") { return { color: "white", fillColor: "#a56d50", fillOpacity: 0.3, weight: 0.4, opacity: 0 }; } else if (cat == "2") { return { color: "white", fillColor: "#31927e", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "3") { return { color: "white", fillColor: "#d4dc37", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "4") { return { color: "white", fillColor: "#d5a847", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "5") { return { color: "white", fillColor: "#406d2c", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "6") { return { color: "white", fillColor: "#47abc4", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "8") { return { color: "#a7dfbf", fillColor: "#a7dfbf", fillOpacity: 0.6, weight: 3, opacity: 0 }; } } // Ajout de la couche GeoJSON avec le style défini L.geoJSON(aires_cult_aut, { style: style_autoch, // Utilisation directe de la fonction de style }).addTo(map); //############################## AJOUT DES ELEMENTS DU RECIT A LA CARTE ############################## L.geoJSON(R54_pt_lieuvie, { onEachFeature: function (feature, layer) { // Ajouter une popup pour afficher le nom de la ville const popupContent = `${feature.properties.ville}`; layer.bindPopup(popupContent); }, pointToLayer: function (feature, latlng) { // Personnalisation de l'icône du point avec la couleur #20A238 return L.circleMarker(latlng, { radius: 6, fillColor: "#20A238", color: "#000", weight: 1, opacity: 1, fillOpacity: 1 }); } }).addTo(map); L.geoJSON(R54_pt_publication, { onEachFeature: function (feature, layer) { // Ajouter une popup pour afficher le nom de la ville const popupContent = `${feature.properties.ville}`; layer.bindPopup(popupContent); }, pointToLayer: function (feature, latlng) { // Personnalisation de l'icône du point avec la couleur #ED6D1D return L.circleMarker(latlng, { radius: 6, fillColor: "#ED6D1D", color: "#000", weight: 1, opacity: 1, fillOpacity: 1 }); } }).addTo(map); L.geoJSON(R54_py_esclavage, { style: function (feature) { return { fillColor: "#2E4C9B", color: "black", weight: 0.8, fillOpacity: 1 }; }}).addTo(map); L.geoJSON(R54_py_naissance, { style: function (feature) { return { fillColor: "#1CB1C4", color: "black", weight: 0.8, fillOpacity: 1 }; }}).addTo(map); //############################## MISE EN PLACE DES HACHURES + LIMITES DES ETATS ############################## // Ajouter un calque SVG pour D3 let couchesvg = L.svg({ clickable: true }).addTo(map); // Sélection du conteneur SVG pour D3 let svg = d3.select(container).select("svg"); let g = svg.append("g").attr("class", "leaflet-zoom-hide"); // Ajouter un motif de hachures avec D3 let defs = svg.append("defs"); let pattern = defs.append("pattern") .attr("id", "unique-stripes-maquette_3") // ID unique pour ce motif .attr("width", 8) .attr("height", 8) .attr("patternUnits", "userSpaceOnUse"); // Définir une ligne diagonale dans le motif de 8x8 pixels pattern.append("line") .attr("x1", 0) .attr("y1", 0) .attr("x2", 8) .attr("y2", 8) .attr("stroke", "#9c9c9c") // Choix de la couleur directement appliquée ici .attr("stroke-width", 1); // Épaisseur de la ligne // Fonction pour dessiner des hachures sur les polygones disputés function dessinerhachures() { g.selectAll("path").remove(); // Supprimer les anciennes hachures pour éviter les doublons lors des mises à jour map1864050.features.forEach(feature => { if (feature.properties.CATEGORY === "disputed") { let path = d3.geoPath().projection(d3.geoTransform({ point: function (x, y) { let point = map.latLngToLayerPoint([y, x]); this.stream.point(point.x, point.y); } })); // Ajouter un chemin D3 pour chaque polygone "disputed" g.append("path") .datum(feature) .attr("d", path) .attr("fill", "url(#unique-stripes-maquette_3)") // Utilisation du motif unique .attr("stroke", "#4c4c4c") .attr("stroke-width", 1); } }); } // Redessiner les hachures lors de chaque mouvement ou zoom map.on("moveend", dessinerhachures); // Lancer le dessin initial des hachures dessinerhachures(); L.geoJSON(map1864050, { style: function (feature) { return { color: "#4c4c4c", weight: 0.8, fillOpacity: 0 }; }, onEachFeature: function (feature, layer) { const popupContent = feature.properties.LABEL ? feature.properties.LABEL : "Nom inconnu"; layer.bindPopup("

" + popupContent + "

Lieu de vie

Lieu de publication des récits

Lieu d'esclavage

Lieu de naissance

Territoires contestés

`; return div; }; // Ajouter la légende à la carte legend.addTo(map); };37:T57e9,maquette_4 = { // Création du

conteneur de la carte let container = DOM.element('div', { style: `width:${width}px;height:${width / 2}px` }); // Rendu du conteneur pour qu'il se dimensionne avant que Leaflet ne dessine la carte yield container; // Création de la carte avec une couche Esri_WorldPhysical let map = L.map(container).setView([38, -95], 4); let Esri_WorldPhysical = L.tileLayer( 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Physical_Map/MapServer/tile/{z}/{y}/{x}', { attribution: 'Tiles © Esri — Source: US National Park Service', maxZoom: 7 } ).addTo(map); //############################## MISE EN PLACE DES ELEMENTS DU RECIT SUR LA CARTE ############################## const R54_pt_lieuvie = { "type": "FeatureCollection", "name": "R54_pt_lieuvie", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "id": 1, "ville": "Toronto" }, "geometry": { "type": "Point", "coordinates": [-79.38256481417325, 43.653827746013157] } } ] }; const R54_pt_publication = { "type": "FeatureCollection", "name": "R54_pt_publication", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "id": null, "ville": "Huddersfield" }, "geometry": { "type": "Point", "coordinates": [ -1.782409551243112, 53.64664361257185 ] } } ] }; const R54_py_esclavage = { "type": "FeatureCollection", "name": "R54_py_esclavage", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "ID": 186107000.0, "LABEL": "Tennessee", "CATEGORY": "seceded_state", "COUNTRY": "Confederacy", "STATE": "TN" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -81.677535, 36.588117 ], [ -81.700553, 36.51519 ], [ -81.714277, 36.450978 ], [ -81.720968932994111, 36.387499612536978 ], [ -81.747842, 36.337356 ], [ -81.789712, 36.348324 ], [ -81.855005, 36.337259 ], [ -81.908137, 36.302013 ], [ -81.932994, 36.264881 ], [ -81.960101, 36.228131 ], [ -82.02664, 36.130222 ], [ -82.130646, 36.106417 ], [ -82.147948, 36.149516 ], [ -82.234807, 36.14172 ], [ -82.325169, 36.119363 ], [ -82.348422, 36.115929 ], [ -82.409458, 36.083409 ], [ -82.462958, 36.007309 ], [ -82.487411, 35.991634 ], [ -82.557529, 35.954671 ], [ -82.611262, 35.973155 ], [ -82.619205, 36.056556 ], [ -82.637165, 36.065805 ], [ -82.715365, 36.024253 ], [ -82.754465, 36.004304 ], [ -82.778625, 35.974792 ], [ -82.830112, 35.932972 ], [ -82.913338, 35.924113 ], [ -82.918356, 35.845467 ], [ -82.995803, 35.773128 ], [ -83.100233, 35.774745 ], [ -83.164909, 35.759965 ], [ -83.250695, 35.709349 ], [ -83.297154, 35.65775 ], [ -83.366941, 35.638728 ], [ -83.445802, 35.611803 ], [ -83.498335, 35.562981 ], [ -83.640498, 35.566075 ], [ -83.676268, 35.570289 ], [ -83.756917, 35.563604 ], [ -83.880074, 35.518745 ], [ -83.933876, 35.472438 ], [ -84.00225, 35.422548 ], [ -84.03245, 35.32653 ], [ -84.029033334663382, 35.291048835661002 ], [ -84.097508, 35.247382 ], [ -84.124915, 35.24983 ], [ -84.202879, 35.255772 ], [ -84.292321, 35.206677 ], [ -84.308437, 35.093173 ], [ -84.308576, 35.092761 ], [ -84.321869, 34.988408 ], [ -85.605165, 34.984678 ], [ -86.783628011388089, 34.991925027334723 ], [ -88.18245, 35.007712 ], [ -88.217237352602012, 35.007343831307601 ], [ -89.139136, 34.994307 ], [ -90.295562147845175, 34.995736766503803 ], [ -90.309877, 35.00975 ], [ -90.193859, 35.061646 ], [ -90.160058, 35.12883 ], [ -90.109393, 35.118891 ], [ -90.064612, 35.140621 ], [ -90.07741, 35.225479 ], [ -90.116493, 35.255788 ], [ -90.086691366992198, 35.369935169726595 ], [ -90.179265, 35.385194 ], [ -90.107723, 35.476935 ], [ -90.067798, 35.466224 ], [ -90.039744, 35.548041 ], [ -89.957347, 35.528683 ], [ -89.909797, 35.537914 ], [ -89.922749, 35.655293 ], [ -89.905538, 35.759063 ], [ -89.821216, 35.756716 ], [ -89.729517, 35.847632 ], [ -89.73361, 35.904699 ], [ -89.687938730115292, 35.905384161090197 ], [ -89.71997, 35.97462 ], [ -89.707507896934487, 36.001676760062736 ], [ -89.684439, 36.051719 ], [ -89.624235, 36.108626 ], [ -89.629452, 36.185382 ], [ -89.589561, 36.239116 ], [ -89.539487, 36.277368 ], [ -89.545006, 36.336809 ], [ -89.509558, 36.375065 ], [ -89.498036, 36.497887 ], [ -89.471718, 36.457001 ], [ -89.417293, 36.499033 ], [ -88.053292110335022, 36.497130075251377 ], [ -88.011792, 36.677025 ], [ -87.849567, 36.663701 ], [ -87.853204, 36.633247 ], [ -86.813037, 36.647647 ], [ -85.276289, 36.626511 ], [ -83.987842, 36.5896 ], [ -83.679017371462749, 36.592265993215641 ], [ -81.934144, 36.594213 ], [ -81.677535, 36.588117 ] ] ] ] } }, { "type": "Feature", "properties": { "ID": 179109001.0, "LABEL": "Maryland", "CATEGORY": "state", "COUNTRY": "US", "STATE": "MD" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -77.038598, 38.791513 ], [ -76.909395, 38.892812 ], [ -77.040999, 38.99511 ], [ -77.1199, 38.934311 ], [ -77.148179, 38.965002 ], [ -77.235403, 38.97661 ], [ -77.328001684798082, 39.05855378096232 ], [ -77.42318, 39.066878 ], [ -77.519929, 39.120925 ], [ -77.527282, 39.146236 ], [ -77.478596, 39.189168 ], [ -77.458884, 39.219826 ], [ -77.534461, 39.262361 ], [ -77.592739, 39.30129 ], [ -77.719029, 39.321125 ], [ -77.755789, 39.333899 ], [ -77.739204, 39.38573 ], [ -77.807821, 39.490241 ], [ -77.865423, 39.516472 ], [ -77.9026486985601, 39.587795579566865 ], [ -78.009985, 39.602893 ], [ -78.074595, 39.666686 ], [ -78.191107, 39.690262 ], [ -78.224337, 39.66327 ], [ -78.283039, 39.62047 ], [ -78.355218, 39.640576 ], [ -78.43025, 39.62329 ], [ -78.458456, 39.581158 ], [ -78.432033, 39.561053 ], [ -78.468639, 39.516789 ], [ -78.565929, 39.519444 ], [ -78.655984, 39.534695 ], [ -78.760196, 39.582154 ], [ -78.769028805132791, 39.599870586051871 ], [ -78.787460828586887, 39.627491527375035 ], [ -78.968996, 39.441543 ], [ -79.08445, 39.471356 ], [ -79.213192, 39.367897 ], [ -79.25688, 39.356077 ], [ -79.486873, 39.205961 ], [ -79.476662, 39.721078 ], [ -78.342833889297495, 39.72253912584236 ], [ -76.897566, 39.720401 ], [ -75.810559840085688, 39.721909683539437 ], [ -75.788395, 39.700287 ], [ -75.766692622073791, 39.377537 ], [ -75.725829, 38.869296 ], [ -75.69352100011919, 38.460127999937292 ], [ -75.341246779635597, 38.451969980972386 ], [ -75.07120369997979, 38.451338477346077 ], [ -75.074532031578897, 38.350389683238973 ], [ -75.192924578274997, 38.097819438853342 ], [ -75.349338, 37.873143 ], [ -75.487485, 37.832136 ], [ -75.63337, 37.52214 ], [ -75.830341, 37.1706 ], [ -75.978083, 37.157338 ], [ -76.025753, 37.257407 ], [ -75.987122, 37.368548 ], [ -75.949974, 37.521876 ], [ -75.877059, 37.660641 ], [ -75.702914, 37.849659 ], [ -75.722085, 37.973416 ], [ -75.875297, 38.011965 ], [ -75.951566, 38.178093 ], [ -76.26035, 38.506255 ], [ -76.175159, 38.673236 ], [ -76.200665999999899, 39.014519999999884 ], [ -76.266365, 39.353352 ], [ -76.442482, 39.195408 ], [ -76.523404940340882, 38.795557001978381 ], [ -76.436271, 38.433429 ], [ -76.359886974455705, 38.188736527042529 ], [ -76.332811905972292, 38.049938310949798 ], [ -76.487576397217822, 38.134223335028508 ], [ -76.545335, 38.165373 ], [ -76.624387016331696, 38.223429289162112 ], [ -76.752286, 38.222121000000101 ], [ -76.811647, 38.250129 ], [ -76.802347, 38.280743 ], [ -76.842139, 38.254491 ], [ -76.920777629717321, 38.291529016099481 ], [ -76.966348864504894, 38.341371920328818 ], [ -77.000996673524398, 38.419293005395495 ], [ -77.040637999999888, 38.444618000000112 ], [ -77.127392266856106, 38.401599742144391 ], [ -77.236230683437299, 38.374601216081352 ], [ -77.259961799735407, 38.435820793258472 ], [ -77.221116999999893, 38.555217 ], [ -77.183767, 38.600699 ], [ -77.129084, 38.614364 ], [ -77.1302, 38.635017 ], [ -77.121101, 38.686616 ], [ -77.05990989156939, 38.73441908863802 ], [ -77.038598, 38.791513 ] ] ] ] } } ] }; const R54_py_naissance = { "type": "FeatureCollection", "name": "R54_py_naissance", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "ID": 186112100.0, "LABEL": "Kentucky (claimed by CSA)", "CATEGORY": "disputed", "COUNTRY": null, "STATE": "KY" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -82.586602864651368, 38.42945631735558 ], [ -82.593673, 38.421809 ], [ -82.593008, 38.375082 ], [ -82.571877, 38.315781 ], [ -82.574656, 38.263873 ], [ -82.59497, 38.245453 ], [ -82.644739, 38.165487 ], [ -82.636466, 38.13786 ], [ -82.602618, 38.11835 ], [ -82.547284, 38.061094 ], [ -82.519665, 38.008538 ], [ -82.509812, 38.001249 ], [ -82.464987, 37.976859 ], [ -82.500386, 37.936518 ], [ -82.474666, 37.910388 ], [ -82.400234437077188, 37.851832962110805 ], [ -82.329867, 37.775897 ], [ -82.319023, 37.758892 ], [ -82.325739, 37.735799 ], [ -82.297011, 37.687273 ], [ -82.25028, 37.657776 ], [ -82.21967, 37.643046 ], [ -82.141814, 37.595052 ], [ -82.116584, 37.559588 ], [ -82.048521, 37.531078 ], [ -82.008274, 37.533357 ], [ -81.968297, 37.537798 ], [ -82.153120015573691, 37.414911288460829 ], [ -82.291908, 37.311642 ], [ -82.350948, 37.267077 ], [ -82.510826, 37.218091 ], [ -82.624878, 37.162932 ], [ -82.721941, 37.105689 ], [ -82.722472, 37.045101 ], [ -82.788897, 37.00816 ], [ -82.818006, 37.006161 ], [ -82.840051, 36.987113 ], [ -82.869182669010399, 36.97418304525435 ], [ -82.860633, 36.94584 ], [ -82.872136, 36.913456 ], [ -82.911824, 36.874243 ], [ -82.973395, 36.859097 ], [ -83.07259, 36.854589 ], [ -83.099792, 36.824889 ], [ -83.131694, 36.781488 ], [ -83.136395, 36.743088 ], [ -83.199698, 36.737487 ], [ -83.342804, 36.701286 ], [ -83.460808, 36.664885 ], [ -83.498011, 36.670485 ], [ -83.527212, 36.665984 ], [ -83.649513, 36.616683 ], [ -83.679017371462749, 36.592265993215641 ], [ -83.987842, 36.5896 ], [ -85.276289, 36.626511 ], [ -86.813037, 36.647647 ], [ -87.853204, 36.633247 ], [ -87.849567, 36.663701 ], [ -88.011792, 36.677025 ], [ -88.053292110335022, 36.497130075251377 ], [ -89.417293, 36.499033 ], [ -89.471718, 36.457001 ], [ -89.498036, 36.497887 ], [ -89.500076, 36.576305 ], [ -89.343753, 36.630991 ], [ -89.227319, 36.569375 ], [ -89.187749, 36.641115 ], [ -89.201047, 36.725772 ], [ -89.123548090101494, 36.785220493078967 ], [ -89.147674, 36.847148 ], [ -89.10079374727701, 36.944006230839292 ], [ -89.132685, 36.9822 ], [ -89.178975, 37.020928 ], [ -89.171880551089004, 37.068183979028525 ], [ -89.086526, 37.165602 ], [ -88.98326, 37.228685 ], [ -88.809206, 37.189235 ], [ -88.625889, 37.119458 ], [ -88.490296836598688, 37.066669203323329 ], [ -88.444605, 37.098601 ], [ -88.471753, 37.220155 ], [ -88.514661, 37.290948 ], [ -88.358436, 37.40486 ], [ -88.255193, 37.456748 ], [ -88.083395, 37.473683 ], [ -88.072242, 37.528826 ], [ -88.139973, 37.586451 ], [ -88.160187, 37.657592 ], [ -88.072538, 37.733286 ], [ -88.02803, 37.799224 ], [ -87.970869, 37.783456 ], [ -87.903804, 37.817762 ], [ -87.936228, 37.867937 ], [ -87.927424052677381, 37.902037635982438 ], [ -87.865558, 37.915056 ], [ -87.830578, 37.876516 ], [ -87.76226, 37.890906 ], [ -87.662865, 37.885578 ], [ -87.645858, 37.825899 ], [ -87.588729, 37.860984 ], [ -87.62896, 37.926714 ], [ -87.574715, 37.967742 ], [ -87.511499, 37.906426 ], [ -87.402632, 37.942267 ], [ -87.269561015701399, 37.877154965094704 ], [ -87.20224, 37.843791 ], [ -87.077404, 37.796209 ], [ -87.043854, 37.870796 ], [ -86.919329, 37.936664 ], [ -86.85595, 37.987292 ], [ -86.787695, 37.971449 ], [ -86.73146, 37.89434 ], [ -86.660293, 37.865057 ], [ -86.604624, 37.858272 ], [ -86.525174, 37.968228 ], [ -86.490857912614302, 38.045795683254205 ], [ -86.332567, 38.130131 ], [ -86.27872, 38.089303 ], [ -86.220371, 38.027922 ], [ -86.029509, 37.99264 ], [ -85.922395, 38.028679 ], [ -85.909464, 38.14007 ], [ -85.816164, 38.282969 ], [ -85.744862, 38.26717 ], [ -85.638777, 38.361443 ], [ -85.607629, 38.439295 ], [ -85.462518, 38.512602 ], [ -85.427466534897491, 38.586735237537084 ], [ -85.456978, 38.689135 ], [ -85.258846, 38.737754 ], [ -85.156158, 38.692251 ], [ -85.02420450331401, 38.763311154216602 ], [ -84.944296, 38.775184 ], [ -84.81335, 38.79833 ], [ -84.813182056057485, 38.930582910017577 ], [ -84.849445, 39.000923 ], [ -84.878613671655287, 39.030295602045257 ], [ -84.801395312498926, 39.081851807829786 ], [ -84.718548, 39.137059 ], [ -84.684847, 39.100459 ], [ -84.493743, 39.10246 ], [ -84.326539, 39.027463 ], [ -84.234453, 38.893226 ], [ -84.205592, 38.802588 ], [ -83.943978, 38.783616 ], [ -83.777823, 38.674453 ], [ -83.706043136291584, 38.637100529845867 ], [ -83.642994, 38.643273 ], [ -83.512571, 38.701716 ], [ -83.369077, 38.659334 ], [ -83.333347, 38.641562 ], [ -83.156926, 38.620547 ], [ -83.127652, 38.642451 ], [ -82.968695, 38.728776 ], [ -82.871292, 38.739376 ], [ -82.869592, 38.678177 ], [ -82.789776, 38.559951 ], [ -82.665484918985698, 38.50573427837049 ], [ -82.586602864651368, 38.42945631735558 ] ] ] ] } } ] }; //############################## MISE EN PLACE + AJOUT DES AIRES AUTOCHTONES ############################## function style_autoch(feature) { var cat = feature.properties.id; if (cat == "1") { return { color: "white", fillColor: "#a56d50", fillOpacity: 0.3, weight: 0.4, opacity: 0 }; } else if (cat == "2") { return { color: "white", fillColor: "#31927e", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "3") { return { color: "white", fillColor: "#d4dc37", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "4") { return { color: "white", fillColor: "#d5a847", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "5") { return { color: "white", fillColor: "#406d2c", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "6") { return { color: "white", fillColor: "#47abc4", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "8") { return { color: "#a7dfbf", fillColor: "#a7dfbf", fillOpacity: 0.6, weight: 3, opacity: 0 }; } } // Ajout de la couche GeoJSON avec le style défini L.geoJSON(aires_cult_aut, { style: style_autoch, // Utilisation directe de la fonction de style }).addTo(map); //############################## AJOUT DES ELEMENTS DU RECIT A LA CARTE ############################## L.geoJSON(R54_pt_lieuvie, { onEachFeature: function (feature, layer) { // Ajouter une popup pour afficher le nom de la ville const popupContent = `${feature.properties.ville}`; layer.bindPopup(popupContent); }, pointToLayer: function (feature, latlng) { // Personnalisation de l'icône du point avec la couleur #20A238 return L.circleMarker(latlng, { radius: 6, fillColor: "#20A238", color: "#000", weight: 1, opacity: 1, fillOpacity: 1 }); } }).addTo(map); L.geoJSON(R54_pt_publication, { onEachFeature: function (feature, layer) { // Ajouter une popup pour afficher le nom de la ville const popupContent = `${feature.properties.ville}`; layer.bindPopup(popupContent); }, pointToLayer: function (feature, latlng) { // Personnalisation de l'icône du point avec la couleur #ED6D1D return L.circleMarker(latlng, { radius: 6, fillColor: "#ED6D1D", color: "#000", weight: 1, opacity: 1, fillOpacity: 1 }); } }).addTo(map); L.geoJSON(R54_py_esclavage, { style: function (feature) { return { fillColor: "#2E4C9B", color: "black", weight: 0.8, fillOpacity: 1 }; }}).addTo(map); L.geoJSON(R54_py_naissance, { style: function (feature) { return { fillColor: "#1CB1C4", color: "black", weight: 0.8, fillOpacity: 1 }; }}).addTo(map); //############################## MISE EN PLACE DES HACHURES + LIMITES DES ETATS ############################## // Ajouter un calque SVG pour D3 let couchesvg = L.svg({ clickable: true }).addTo(map); // Sélection du conteneur SVG pour D3 let svg = d3.select(container).select("svg"); let g = svg.append("g").attr("class", "leaflet-zoom-hide"); // Ajouter un motif de hachures en tirets avec D3 let defs = svg.append("defs"); let pattern = defs.append("pattern") .attr("id", "unique-dashed-stripes") // ID unique pour ce motif .attr("width", 8) .attr("height", 8) .attr("patternUnits", "userSpaceOnUse"); // Définir une ligne diagonale dans le motif de 8x8 pixels avec des tirets pattern.append("line") .attr("x1", 0) .attr("y1", 0) .attr("x2", 8) .attr("y2", 8) .attr("stroke", "#9c9c9c") // Couleur des hachures .attr("stroke-width", 1) // Épaisseur de la ligne .attr("stroke-dasharray", "8,4"); // Tirets (8px de trait, 4px d'espace) // Fonction pour dessiner des hachures sur les polygones disputés function dessinerhachures() { g.selectAll("path").remove(); // Supprimer les anciennes hachures pour éviter les doublons lors des mises à jour map1864050.features.forEach(feature => { if (feature.properties.CATEGORY === "disputed") { let path = d3.geoPath().projection(d3.geoTransform({ point: function (x, y) { let point = map.latLngToLayerPoint([y, x]); this.stream.point(point.x, point.y); } })); // Ajouter un chemin D3 pour chaque polygone "disputed" g.append("path") .datum(feature) .attr("d", path) .attr("fill", "url(#unique-dashed-stripes)") // Utilisation du motif avec tirets .attr("stroke", "#4c4c4c") .attr("stroke-width", 1); } }); } // Redessiner les hachures lors de chaque mouvement ou zoom map.on("moveend", dessinerhachures); // Lancer le dessin initial des hachures dessinerhachures(); L.geoJSON(map1864050, { style: function (feature) { return { color: "#4c4c4c", weight: 0.8, fillOpacity: 0 }; }, onEachFeature: function (feature, layer) { const popupContent = feature.properties.LABEL ? feature.properties.LABEL : "Nom inconnu"; layer.bindPopup("

" + popupContent + "

Lieu de vie

Lieu de publication des récits

Lieu d'esclavage

Lieu de naissance

Territoires contestés

`; return div; }; // Ajouter la légende à la carte legend.addTo(map); };38:T5728,maquette_5 = { // Création du

conteneur de la carte let container = DOM.element('div', { style: `width:${width}px;height:${width / 2}px` }); // Rendu du conteneur pour qu'il se dimensionne avant que Leaflet ne dessine la carte yield container; // Création de la carte avec une couche Esri_WorldPhysical let map = L.map(container).setView([38, -95], 4); let Esri_WorldPhysical = L.tileLayer( 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Physical_Map/MapServer/tile/{z}/{y}/{x}', { attribution: 'Tiles © Esri — Source: US National Park Service', maxZoom: 7 } ).addTo(map); //############################## MISE EN PLACE DES ELEMENTS DU RECIT SUR LA CARTE ############################## const R54_pt_lieuvie = { "type": "FeatureCollection", "name": "R54_pt_lieuvie", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "id": 1, "ville": "Toronto" }, "geometry": { "type": "Point", "coordinates": [-79.38256481417325, 43.653827746013157] } } ] }; const R54_pt_publication = { "type": "FeatureCollection", "name": "R54_pt_publication", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "id": null, "ville": "Huddersfield" }, "geometry": { "type": "Point", "coordinates": [ -1.782409551243112, 53.64664361257185 ] } } ] }; const R54_py_esclavage = { "type": "FeatureCollection", "name": "R54_py_esclavage", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "ID": 186107000.0, "LABEL": "Tennessee", "CATEGORY": "seceded_state", "COUNTRY": "Confederacy", "STATE": "TN" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -81.677535, 36.588117 ], [ -81.700553, 36.51519 ], [ -81.714277, 36.450978 ], [ -81.720968932994111, 36.387499612536978 ], [ -81.747842, 36.337356 ], [ -81.789712, 36.348324 ], [ -81.855005, 36.337259 ], [ -81.908137, 36.302013 ], [ -81.932994, 36.264881 ], [ -81.960101, 36.228131 ], [ -82.02664, 36.130222 ], [ -82.130646, 36.106417 ], [ -82.147948, 36.149516 ], [ -82.234807, 36.14172 ], [ -82.325169, 36.119363 ], [ -82.348422, 36.115929 ], [ -82.409458, 36.083409 ], [ -82.462958, 36.007309 ], [ -82.487411, 35.991634 ], [ -82.557529, 35.954671 ], [ -82.611262, 35.973155 ], [ -82.619205, 36.056556 ], [ -82.637165, 36.065805 ], [ -82.715365, 36.024253 ], [ -82.754465, 36.004304 ], [ -82.778625, 35.974792 ], [ -82.830112, 35.932972 ], [ -82.913338, 35.924113 ], [ -82.918356, 35.845467 ], [ -82.995803, 35.773128 ], [ -83.100233, 35.774745 ], [ -83.164909, 35.759965 ], [ -83.250695, 35.709349 ], [ -83.297154, 35.65775 ], [ -83.366941, 35.638728 ], [ -83.445802, 35.611803 ], [ -83.498335, 35.562981 ], [ -83.640498, 35.566075 ], [ -83.676268, 35.570289 ], [ -83.756917, 35.563604 ], [ -83.880074, 35.518745 ], [ -83.933876, 35.472438 ], [ -84.00225, 35.422548 ], [ -84.03245, 35.32653 ], [ -84.029033334663382, 35.291048835661002 ], [ -84.097508, 35.247382 ], [ -84.124915, 35.24983 ], [ -84.202879, 35.255772 ], [ -84.292321, 35.206677 ], [ -84.308437, 35.093173 ], [ -84.308576, 35.092761 ], [ -84.321869, 34.988408 ], [ -85.605165, 34.984678 ], [ -86.783628011388089, 34.991925027334723 ], [ -88.18245, 35.007712 ], [ -88.217237352602012, 35.007343831307601 ], [ -89.139136, 34.994307 ], [ -90.295562147845175, 34.995736766503803 ], [ -90.309877, 35.00975 ], [ -90.193859, 35.061646 ], [ -90.160058, 35.12883 ], [ -90.109393, 35.118891 ], [ -90.064612, 35.140621 ], [ -90.07741, 35.225479 ], [ -90.116493, 35.255788 ], [ -90.086691366992198, 35.369935169726595 ], [ -90.179265, 35.385194 ], [ -90.107723, 35.476935 ], [ -90.067798, 35.466224 ], [ -90.039744, 35.548041 ], [ -89.957347, 35.528683 ], [ -89.909797, 35.537914 ], [ -89.922749, 35.655293 ], [ -89.905538, 35.759063 ], [ -89.821216, 35.756716 ], [ -89.729517, 35.847632 ], [ -89.73361, 35.904699 ], [ -89.687938730115292, 35.905384161090197 ], [ -89.71997, 35.97462 ], [ -89.707507896934487, 36.001676760062736 ], [ -89.684439, 36.051719 ], [ -89.624235, 36.108626 ], [ -89.629452, 36.185382 ], [ -89.589561, 36.239116 ], [ -89.539487, 36.277368 ], [ -89.545006, 36.336809 ], [ -89.509558, 36.375065 ], [ -89.498036, 36.497887 ], [ -89.471718, 36.457001 ], [ -89.417293, 36.499033 ], [ -88.053292110335022, 36.497130075251377 ], [ -88.011792, 36.677025 ], [ -87.849567, 36.663701 ], [ -87.853204, 36.633247 ], [ -86.813037, 36.647647 ], [ -85.276289, 36.626511 ], [ -83.987842, 36.5896 ], [ -83.679017371462749, 36.592265993215641 ], [ -81.934144, 36.594213 ], [ -81.677535, 36.588117 ] ] ] ] } }, { "type": "Feature", "properties": { "ID": 179109001.0, "LABEL": "Maryland", "CATEGORY": "state", "COUNTRY": "US", "STATE": "MD" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -77.038598, 38.791513 ], [ -76.909395, 38.892812 ], [ -77.040999, 38.99511 ], [ -77.1199, 38.934311 ], [ -77.148179, 38.965002 ], [ -77.235403, 38.97661 ], [ -77.328001684798082, 39.05855378096232 ], [ -77.42318, 39.066878 ], [ -77.519929, 39.120925 ], [ -77.527282, 39.146236 ], [ -77.478596, 39.189168 ], [ -77.458884, 39.219826 ], [ -77.534461, 39.262361 ], [ -77.592739, 39.30129 ], [ -77.719029, 39.321125 ], [ -77.755789, 39.333899 ], [ -77.739204, 39.38573 ], [ -77.807821, 39.490241 ], [ -77.865423, 39.516472 ], [ -77.9026486985601, 39.587795579566865 ], [ -78.009985, 39.602893 ], [ -78.074595, 39.666686 ], [ -78.191107, 39.690262 ], [ -78.224337, 39.66327 ], [ -78.283039, 39.62047 ], [ -78.355218, 39.640576 ], [ -78.43025, 39.62329 ], [ -78.458456, 39.581158 ], [ -78.432033, 39.561053 ], [ -78.468639, 39.516789 ], [ -78.565929, 39.519444 ], [ -78.655984, 39.534695 ], [ -78.760196, 39.582154 ], [ -78.769028805132791, 39.599870586051871 ], [ -78.787460828586887, 39.627491527375035 ], [ -78.968996, 39.441543 ], [ -79.08445, 39.471356 ], [ -79.213192, 39.367897 ], [ -79.25688, 39.356077 ], [ -79.486873, 39.205961 ], [ -79.476662, 39.721078 ], [ -78.342833889297495, 39.72253912584236 ], [ -76.897566, 39.720401 ], [ -75.810559840085688, 39.721909683539437 ], [ -75.788395, 39.700287 ], [ -75.766692622073791, 39.377537 ], [ -75.725829, 38.869296 ], [ -75.69352100011919, 38.460127999937292 ], [ -75.341246779635597, 38.451969980972386 ], [ -75.07120369997979, 38.451338477346077 ], [ -75.074532031578897, 38.350389683238973 ], [ -75.192924578274997, 38.097819438853342 ], [ -75.349338, 37.873143 ], [ -75.487485, 37.832136 ], [ -75.63337, 37.52214 ], [ -75.830341, 37.1706 ], [ -75.978083, 37.157338 ], [ -76.025753, 37.257407 ], [ -75.987122, 37.368548 ], [ -75.949974, 37.521876 ], [ -75.877059, 37.660641 ], [ -75.702914, 37.849659 ], [ -75.722085, 37.973416 ], [ -75.875297, 38.011965 ], [ -75.951566, 38.178093 ], [ -76.26035, 38.506255 ], [ -76.175159, 38.673236 ], [ -76.200665999999899, 39.014519999999884 ], [ -76.266365, 39.353352 ], [ -76.442482, 39.195408 ], [ -76.523404940340882, 38.795557001978381 ], [ -76.436271, 38.433429 ], [ -76.359886974455705, 38.188736527042529 ], [ -76.332811905972292, 38.049938310949798 ], [ -76.487576397217822, 38.134223335028508 ], [ -76.545335, 38.165373 ], [ -76.624387016331696, 38.223429289162112 ], [ -76.752286, 38.222121000000101 ], [ -76.811647, 38.250129 ], [ -76.802347, 38.280743 ], [ -76.842139, 38.254491 ], [ -76.920777629717321, 38.291529016099481 ], [ -76.966348864504894, 38.341371920328818 ], [ -77.000996673524398, 38.419293005395495 ], [ -77.040637999999888, 38.444618000000112 ], [ -77.127392266856106, 38.401599742144391 ], [ -77.236230683437299, 38.374601216081352 ], [ -77.259961799735407, 38.435820793258472 ], [ -77.221116999999893, 38.555217 ], [ -77.183767, 38.600699 ], [ -77.129084, 38.614364 ], [ -77.1302, 38.635017 ], [ -77.121101, 38.686616 ], [ -77.05990989156939, 38.73441908863802 ], [ -77.038598, 38.791513 ] ] ] ] } } ] }; const R54_py_naissance = { "type": "FeatureCollection", "name": "R54_py_naissance", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "ID": 186112100.0, "LABEL": "Kentucky (claimed by CSA)", "CATEGORY": "disputed", "COUNTRY": null, "STATE": "KY" }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ -82.586602864651368, 38.42945631735558 ], [ -82.593673, 38.421809 ], [ -82.593008, 38.375082 ], [ -82.571877, 38.315781 ], [ -82.574656, 38.263873 ], [ -82.59497, 38.245453 ], [ -82.644739, 38.165487 ], [ -82.636466, 38.13786 ], [ -82.602618, 38.11835 ], [ -82.547284, 38.061094 ], [ -82.519665, 38.008538 ], [ -82.509812, 38.001249 ], [ -82.464987, 37.976859 ], [ -82.500386, 37.936518 ], [ -82.474666, 37.910388 ], [ -82.400234437077188, 37.851832962110805 ], [ -82.329867, 37.775897 ], [ -82.319023, 37.758892 ], [ -82.325739, 37.735799 ], [ -82.297011, 37.687273 ], [ -82.25028, 37.657776 ], [ -82.21967, 37.643046 ], [ -82.141814, 37.595052 ], [ -82.116584, 37.559588 ], [ -82.048521, 37.531078 ], [ -82.008274, 37.533357 ], [ -81.968297, 37.537798 ], [ -82.153120015573691, 37.414911288460829 ], [ -82.291908, 37.311642 ], [ -82.350948, 37.267077 ], [ -82.510826, 37.218091 ], [ -82.624878, 37.162932 ], [ -82.721941, 37.105689 ], [ -82.722472, 37.045101 ], [ -82.788897, 37.00816 ], [ -82.818006, 37.006161 ], [ -82.840051, 36.987113 ], [ -82.869182669010399, 36.97418304525435 ], [ -82.860633, 36.94584 ], [ -82.872136, 36.913456 ], [ -82.911824, 36.874243 ], [ -82.973395, 36.859097 ], [ -83.07259, 36.854589 ], [ -83.099792, 36.824889 ], [ -83.131694, 36.781488 ], [ -83.136395, 36.743088 ], [ -83.199698, 36.737487 ], [ -83.342804, 36.701286 ], [ -83.460808, 36.664885 ], [ -83.498011, 36.670485 ], [ -83.527212, 36.665984 ], [ -83.649513, 36.616683 ], [ -83.679017371462749, 36.592265993215641 ], [ -83.987842, 36.5896 ], [ -85.276289, 36.626511 ], [ -86.813037, 36.647647 ], [ -87.853204, 36.633247 ], [ -87.849567, 36.663701 ], [ -88.011792, 36.677025 ], [ -88.053292110335022, 36.497130075251377 ], [ -89.417293, 36.499033 ], [ -89.471718, 36.457001 ], [ -89.498036, 36.497887 ], [ -89.500076, 36.576305 ], [ -89.343753, 36.630991 ], [ -89.227319, 36.569375 ], [ -89.187749, 36.641115 ], [ -89.201047, 36.725772 ], [ -89.123548090101494, 36.785220493078967 ], [ -89.147674, 36.847148 ], [ -89.10079374727701, 36.944006230839292 ], [ -89.132685, 36.9822 ], [ -89.178975, 37.020928 ], [ -89.171880551089004, 37.068183979028525 ], [ -89.086526, 37.165602 ], [ -88.98326, 37.228685 ], [ -88.809206, 37.189235 ], [ -88.625889, 37.119458 ], [ -88.490296836598688, 37.066669203323329 ], [ -88.444605, 37.098601 ], [ -88.471753, 37.220155 ], [ -88.514661, 37.290948 ], [ -88.358436, 37.40486 ], [ -88.255193, 37.456748 ], [ -88.083395, 37.473683 ], [ -88.072242, 37.528826 ], [ -88.139973, 37.586451 ], [ -88.160187, 37.657592 ], [ -88.072538, 37.733286 ], [ -88.02803, 37.799224 ], [ -87.970869, 37.783456 ], [ -87.903804, 37.817762 ], [ -87.936228, 37.867937 ], [ -87.927424052677381, 37.902037635982438 ], [ -87.865558, 37.915056 ], [ -87.830578, 37.876516 ], [ -87.76226, 37.890906 ], [ -87.662865, 37.885578 ], [ -87.645858, 37.825899 ], [ -87.588729, 37.860984 ], [ -87.62896, 37.926714 ], [ -87.574715, 37.967742 ], [ -87.511499, 37.906426 ], [ -87.402632, 37.942267 ], [ -87.269561015701399, 37.877154965094704 ], [ -87.20224, 37.843791 ], [ -87.077404, 37.796209 ], [ -87.043854, 37.870796 ], [ -86.919329, 37.936664 ], [ -86.85595, 37.987292 ], [ -86.787695, 37.971449 ], [ -86.73146, 37.89434 ], [ -86.660293, 37.865057 ], [ -86.604624, 37.858272 ], [ -86.525174, 37.968228 ], [ -86.490857912614302, 38.045795683254205 ], [ -86.332567, 38.130131 ], [ -86.27872, 38.089303 ], [ -86.220371, 38.027922 ], [ -86.029509, 37.99264 ], [ -85.922395, 38.028679 ], [ -85.909464, 38.14007 ], [ -85.816164, 38.282969 ], [ -85.744862, 38.26717 ], [ -85.638777, 38.361443 ], [ -85.607629, 38.439295 ], [ -85.462518, 38.512602 ], [ -85.427466534897491, 38.586735237537084 ], [ -85.456978, 38.689135 ], [ -85.258846, 38.737754 ], [ -85.156158, 38.692251 ], [ -85.02420450331401, 38.763311154216602 ], [ -84.944296, 38.775184 ], [ -84.81335, 38.79833 ], [ -84.813182056057485, 38.930582910017577 ], [ -84.849445, 39.000923 ], [ -84.878613671655287, 39.030295602045257 ], [ -84.801395312498926, 39.081851807829786 ], [ -84.718548, 39.137059 ], [ -84.684847, 39.100459 ], [ -84.493743, 39.10246 ], [ -84.326539, 39.027463 ], [ -84.234453, 38.893226 ], [ -84.205592, 38.802588 ], [ -83.943978, 38.783616 ], [ -83.777823, 38.674453 ], [ -83.706043136291584, 38.637100529845867 ], [ -83.642994, 38.643273 ], [ -83.512571, 38.701716 ], [ -83.369077, 38.659334 ], [ -83.333347, 38.641562 ], [ -83.156926, 38.620547 ], [ -83.127652, 38.642451 ], [ -82.968695, 38.728776 ], [ -82.871292, 38.739376 ], [ -82.869592, 38.678177 ], [ -82.789776, 38.559951 ], [ -82.665484918985698, 38.50573427837049 ], [ -82.586602864651368, 38.42945631735558 ] ] ] ] } } ] }; //############################## MISE EN PLACE + AJOUT DES AIRES AUTOCHTONES ############################## function style_autoch(feature) { var cat = feature.properties.id; if (cat == "1") { return { color: "white", fillColor: "#a56d50", fillOpacity: 0.3, weight: 0.4, opacity: 0 }; } else if (cat == "2") { return { color: "white", fillColor: "#31927e", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "3") { return { color: "white", fillColor: "#d4dc37", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "4") { return { color: "white", fillColor: "#d5a847", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "5") { return { color: "white", fillColor: "#406d2c", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "6") { return { color: "white", fillColor: "#47abc4", fillOpacity: 0.3, weight: 3, opacity: 0 }; } else if (cat == "8") { return { color: "#a7dfbf", fillColor: "#a7dfbf", fillOpacity: 0.6, weight: 3, opacity: 0 }; } } // Ajout de la couche GeoJSON avec le style défini L.geoJSON(aires_cult_aut, { style: style_autoch, // Utilisation directe de la fonction de style }).addTo(map); //############################## AJOUT DES ELEMENTS DU RECIT A LA CARTE ############################## L.geoJSON(R54_pt_lieuvie, { onEachFeature: function (feature, layer) { // Ajouter une popup pour afficher le nom de la ville const popupContent = `${feature.properties.ville}`; layer.bindPopup(popupContent); }, pointToLayer: function (feature, latlng) { // Personnalisation de l'icône du point avec la couleur #20A238 return L.circleMarker(latlng, { radius: 6, fillColor: "#20A238", color: "#000", weight: 1, opacity: 1, fillOpacity: 1 }); } }).addTo(map); L.geoJSON(R54_pt_publication, { onEachFeature: function (feature, layer) { // Ajouter une popup pour afficher le nom de la ville const popupContent = `${feature.properties.ville}`; layer.bindPopup(popupContent); }, pointToLayer: function (feature, latlng) { // Personnalisation de l'icône du point avec la couleur #ED6D1D return L.circleMarker(latlng, { radius: 6, fillColor: "#ED6D1D", color: "#000", weight: 1, opacity: 1, fillOpacity: 1 }); } }).addTo(map); L.geoJSON(R54_py_esclavage, { style: function (feature) { return { fillColor: "#2E4C9B", color: "black", weight: 0.8, fillOpacity: 1 }; }}).addTo(map); L.geoJSON(R54_py_naissance, { style: function (feature) { return { fillColor: "#1CB1C4", color: "black", weight: 0.8, fillOpacity: 1 }; }}).addTo(map); //############################## MISE EN PLACE DES HACHURES + LIMITES DES ETATS ############################## // Ajouter un calque SVG pour D3 let couchesvg = L.svg({ clickable: true }).addTo(map); // Sélection du conteneur SVG pour D3 let svg = d3.select(container).select("svg"); let g = svg.append("g").attr("class", "leaflet-zoom-hide"); // Ajouter un motif de points avec D3 let defs = svg.append("defs"); let pattern = defs.append("pattern") .attr("id", "unique-dotted-pattern-tight") // ID unique pour ce motif .attr("width", 4) .attr("height", 4) .attr("patternUnits", "userSpaceOnUse"); // Ajouter des cercles rapprochés dans le motif pattern.append("circle") .attr("cx", 2) // Position X du centre du point (centre du motif) .attr("cy", 2) // Position Y du centre du point (centre du motif) .attr("r", 1) // Taille des points (augmenter pour les éloigner) .attr("fill", "#9c9c9c"); // Couleur des points // Fonction pour dessiner des polygones avec des points function dessinerPoints() { g.selectAll("path").remove(); // Supprimer les anciens motifs pour éviter les doublons map1864050.features.forEach(feature => { if (feature.properties.CATEGORY === "disputed") { let path = d3.geoPath().projection(d3.geoTransform({ point: function (x, y) { let point = map.latLngToLayerPoint([y, x]); this.stream.point(point.x, point.y); } })); // Ajouter un chemin D3 pour chaque polygone "disputed" g.append("path") .datum(feature) .attr("d", path) .attr("fill", "url(#unique-dotted-pattern-tight)") // Utilisation du motif .attr("stroke", "#4c4c4c") .attr("stroke-width", 1); } }); } // Redessiner les points lors de chaque mouvement ou zoom map.on("moveend", dessinerPoints); // Lancer le dessin initial avec des points dessinerPoints(); L.geoJSON(map1864050, { style: function (feature) { return { color: "#4c4c4c", weight: 0.8, fillOpacity: 0 }; }, onEachFeature: function (feature, layer) { const popupContent = feature.properties.LABEL ? feature.properties.LABEL : "Nom inconnu"; layer.bindPopup("

" + popupContent + "

Lieu de vie

Lieu de publication des récits

Lieu d'esclavage

Lieu de naissance

Territoires contestés

`; return div; }; // Ajouter la légende à la carte legend.addTo(map); };39:[{"id":"987f07e7ee647bddf653c6a6302c52d355364eae82d6153eb2a0fb0be834abf5b8cc11f5b678fd8acff8745be0eec7ce0fa4d28e3bdb407ca726b879ec7170a8","href":"https://static.observableusercontent.com/files/987f07e7ee647bddf653c6a6302c52d355364eae82d6153eb2a0fb0be834abf5b8cc11f5b678fd8acff8745be0eec7ce0fa4d28e3bdb407ca726b879ec7170a8","name":"map1864050.geojson","type":"application/geo+json","lastModified":1736783098169.851,"size":154124},{"id":"f6d699854b4a31d1398edd4552679b55143e406f7211491e9a82433d8f971ff76d4774a2893729ac0517e463a07a296a32cc1f0b604c0e7db0adb38030a4a8cb","href":"https://static.observableusercontent.com/files/f6d699854b4a31d1398edd4552679b55143e406f7211491e9a82433d8f971ff76d4774a2893729ac0517e463a07a296a32cc1f0b604c0e7db0adb38030a4a8cb","name":"aires_cult_aut_simplif@2.geojson","type":"application/geo+json","lastModified":1736784835765.69,"size":292700},{"id":"5450c190b8c565b8a7b650a0edcfee0316eacdd8eae4586ae7a974a7fd27d9299a4a603a9b8a853a71f2b0da6286ccf355c9298773814427ce31be0f25bbed95","href":"https://static.observableusercontent.com/files/5450c190b8c565b8a7b650a0edcfee0316eacdd8eae4586ae7a974a7fd27d9299a4a603a9b8a853a71f2b0da6286ccf355c9298773814427ce31be0f25bbed95","name":"banniere.png","type":"image/png","lastModified":1736855430700.496,"size":24607},{"id":"387d5df3a0416def7f90a94f6d599b333c54731424d0551bdb68b5f74c7b80a4b52394c81621a62b246a72396a9f3cad76c1edd9ac7b8f1a829b03c9c5cc64d3","href":"https://static.observableusercontent.com/files/387d5df3a0416def7f90a94f6d599b333c54731424d0551bdb68b5f74c7b80a4b52394c81621a62b246a72396a9f3cad76c1edd9ac7b8f1a829b03c9c5cc64d3","name":"leaflet.curve.js","type":"application/javascript","lastModified":1736862067517.999,"size":13965},{"id":"299f2d1bd477597ab91ddaf1840b2ebf84a2ec128ff8fb734568c9ac3aa08374957e47593d59e3257ac42a79b0d83eac44d26cde55f90ee62199292676d0ac4e","href":"https://static.observableusercontent.com/files/299f2d1bd477597ab91ddaf1840b2ebf84a2ec128ff8fb734568c9ac3aa08374957e47593d59e3257ac42a79b0d83eac44d26cde55f90ee62199292676d0ac4e","name":"PolylineDecorator.js","type":"application/javascript","lastModified":1736862074673.647,"size":15983},{"id":"7bfbd82bbfb58a9c3fb1cd11caf220b6031ff61dc564641f1d779d464ac0899c5e4f57d2dfcf773887033f7c8183fd9c9b01e89b60d78c709309162c209eddfb","href":"https://static.observableusercontent.com/files/7bfbd82bbfb58a9c3fb1cd11caf220b6031ff61dc564641f1d779d464ac0899c5e4f57d2dfcf773887033f7c8183fd9c9b01e89b60d78c709309162c209eddfb","name":"style.css","type":"text/css","lastModified":1736862082714.185,"size":13596}] 2d:{"title":"","cells":[{"id":122,"value":"banniere = FileAttachment(\"banniere.png\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":82,"value":"*Dérivé du site \"Récits d'esclaves\" → https://slave-narratives.univ-tlse2.fr/map*","pinned":false,"hidden":false,"mode":"md"},{"id":131,"value":"Projet réalisé par IBRES Maxime et RIGAL Gabriel - M1 SIGMA.","pinned":false,"hidden":false,"mode":"md"},{"id":134,"value":"Présenté le 15/01/2025 sous la direction de Marie-Pierre Baduel et Laurent Jégou.","pinned":false,"hidden":false,"mode":"md"},{"id":139,"value":"# -- Mise en place des paramètres -- ","pinned":false,"hidden":false,"mode":"md"},{"id":9,"value":"## 1. AJOUT DE LEAFLET ET COMPLEMENTS","pinned":false,"hidden":false,"mode":"md"},{"id":11,"value":"L = require('leaflet');","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"⬇ Le lien suivant permet l'affichage correct des cartes Leaflet.","pinned":false,"hidden":false,"mode":"md"},{"id":154,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"⬇ Application d'un style pour la légende des cartes afin d'assurer son affichage correct.","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":160,"value":"⬇ Ajout de l'ensemble des plug-ins permettant le fonctionnement des codes","pinned":false,"hidden":false,"mode":"md"},{"id":313,"value":"⚠ Attention : Veuillez exécuter la cellule ci-dessous contenant le **code d'un plugin** en cliquant sur l’icône **\"Run cell\"** en haut à gauche du rectangle gris.","pinned":false,"hidden":false,"mode":"md"},{"id":166,"value":"curve = FileAttachment(\"leaflet.curve.js\").text().then(eval);\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":169,"value":"Polyline_Decorator = require(await FileAttachment(\"PolylineDecorator.js\").url());","pinned":false,"hidden":false,"mode":"ojs"},{"id":172,"value":"⬇ Ajout du fichier de styles pour les points\n\n","pinned":false,"hidden":false,"mode":"md"},{"id":175,"value":"style = FileAttachment(\"style.css\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"## 2. IMPORT DES FICHIERS GÉOGRAPHIQUES","pinned":false,"hidden":false,"mode":"md"},{"id":148,"value":"⬇ Limites des Etats-Unis en 1864.","pinned":false,"hidden":false,"mode":"md"},{"id":30,"value":"map1864050 = FileAttachment(\"map1864050.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":150,"value":"⬇ Aires culturelles autochtones simplifiées.","pinned":false,"hidden":false,"mode":"md"},{"id":59,"value":"aires_cult_aut = FileAttachment(\"aires_cult_aut_simplif@2.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":180,"value":"# **--REPRÉSENTATION DES TRAJECTOIRES--**","pinned":false,"hidden":false,"mode":"md"},{"id":201,"value":"## **Figure 9 : Premier essai de représentation de l’itinéraire de Mary Prince sur ObservableHQ via Leaflet.**","pinned":false,"hidden":false,"mode":"md"},{"id":226,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"## **Figure 10 : La création de la polyligne (en jaune) reprenant la forme de la courbe (en rouge). **","pinned":false,"hidden":false,"mode":"md"},{"id":326,"value":"⚠ Attention : Avant de continuer, veuillez exécuter la **cellule marquée en rouge** plus haut contenant le code du plugin. Une fois cela fait, suivez les étapes ci-dessous pour afficher les cartes :\n\n1. Cliquez sur le bouton **\" > \"** à gauche du texte en rouge ci-dessous.\n2. Dans le rectangle qui apparaît, cliquez sur **\"Run cell\"** en haut à droite ou appuyez sur Shift + Enter.\n3. Si vous souhaitez masquer le code, cliquez à nouveau sur \" > \" pour refermer la cellule.","pinned":false,"hidden":false,"mode":"md"},{"id":229,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":209,"value":"## Figure 11 : Proposition de visualisation de l’itinéraire de Mary Prince avec courbes, pointe de flèche et dégradé.\n","pinned":false,"hidden":false,"mode":"md"},{"id":329,"value":"⚠ Attention : Avant de continuer, veuillez exécuter la **cellule marquée en rouge** plus haut contenant le code du plugin. Une fois cela fait, suivez les étapes ci-dessous pour afficher les cartes :\n\n1. Cliquez sur le bouton **\" > \"** à gauche du texte en rouge ci-dessous.\n2. Dans le rectangle qui apparaît, cliquez sur **\"Run cell\"** en haut à droite ou appuyez sur Shift + Enter.\n3. Si vous souhaitez masquer le code, cliquez à nouveau sur \" > \" pour refermer la cellule.","pinned":false,"hidden":false,"mode":"md"},{"id":234,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"# -- TERRITOIRES CONTESTÉS --","pinned":false,"hidden":false,"mode":"md"},{"id":39,"value":"## 1. AFFICHAGE TABLE ATTRIBUTAIRE GEOJSON","pinned":false,"hidden":false,"mode":"md"},{"id":41,"value":"data_etats1864 = map1864050.features.map((d) => d.properties)","pinned":false,"hidden":false,"mode":"ojs"},{"id":43,"value":"data_etats1864","pinned":true,"hidden":false,"mode":"ojs"},{"id":262,"value":"Nous utilisons le champ \"CATEGORY\" pour les cartographies suivantes.","pinned":false,"hidden":false,"mode":"md"},{"id":68,"value":"## 2. CARTOGRAPHIE","pinned":false,"hidden":false,"mode":"md"},{"id":187,"value":"## 2.1. Mise en évidence des territoires contestés (map_simple)","pinned":false,"hidden":false,"mode":"md"},{"id":191,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":223,"value":"## 2.2. Les interactions visuelles (map_complete) ","pinned":false,"hidden":false,"mode":"md"},{"id":253,"value":"→ *Utilisation des éléments du récit de Green, Jacob D. (1864)*","pinned":false,"hidden":false,"mode":"md"},{"id":256,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":249,"value":"## 2.3. Les différentes maquettes","pinned":false,"hidden":false,"mode":"md"},{"id":269,"value":"⬇ Maquette 1 → couleur grise #4c4c4c pour les limites étatsuniennes et le symbole des territoires contestés","pinned":false,"hidden":false,"mode":"md"},{"id":44,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":272,"value":"⬇ Maquette 2 → couleur grise #4c4c4c pour les limites étatsuniennes et rouge pour le symbole des territoires contestés","pinned":false,"hidden":false,"mode":"md"},{"id":291,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":280,"value":"⬇ Maquette 3 → couleur grise #4c4c4c pour les limites étatsuniennes et gris clair #9c9c9c pour le symbole des territoires contestés","pinned":false,"hidden":false,"mode":"md"},{"id":285,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":297,"value":"⬇ Maquette 4 → utilisation de hachures discontinues (tirets) pour le symbole des territoires contestés","pinned":false,"hidden":false,"mode":"md"},{"id":110,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":299,"value":"⬇ Maquette 5 → utilisation de points petits et resserrés pour le symbole des territoires contestés","pinned":false,"hidden":false,"mode":"md"},{"id":117,"value":"$38","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W39","stdlib":"1","titling":"auto"}