├── LICENSE
├── index.html
├── README.md
├── config.json
├── styles.css
└── script.js
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2025 nikoko107
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | OSINTMap - Outil d'Investigation Géospatiale
7 |
13 |
17 |
18 |
19 |
20 |
103 |
104 |
105 |
Requête Overpass générée :
106 |
107 |
108 |
110 |
111 |
112 |
113 |
114 |
115 |
Carte des résultats
116 |
117 |
118 |
119 |
121 |
122 |
123 |
124 |
125 |
126 |
127 |
128 |
129 |
130 |
131 |
132 |
134 |
135 |
136 |
137 |
138 |
139 |
🎯 Résultats de la recherche
140 |
141 |
142 |
143 |
144 | Nom
145 | Type
146 | Catégorie OSM
147 | Coordonnées
148 | Actions
149 |
150 |
151 |
152 |
153 |
154 |
155 |
156 |
157 |
158 |
159 |
📍 Éléments de référence (compléments)
160 |
161 |
162 |
163 |
164 | Rôle
165 | Nom
166 | Type
167 | Catégorie OSM
168 | Coordonnées
169 | Actions
170 |
171 |
172 |
173 |
174 |
175 |
176 |
177 |
178 |
179 |
180 |
Export des résultats
181 |
182 |
184 |
185 |
187 |
188 |
189 |
190 |
Sélectionner une catégorie ';
397 |
398 | // Ajouter les catégories depuis la configuration
399 | Object.keys(config.categories).forEach(categoryKey => {
400 | const category = config.categories[categoryKey];
401 | const option = document.createElement('option');
402 | option.value = categoryKey;
403 | option.textContent = category.label;
404 | categorySelect.appendChild(option);
405 | });
406 | }
407 |
408 | // Gérer les changements dans le formulaire
409 | function handleFormChange(event) {
410 | if (event.target.classList.contains('category')) {
411 | updateTypesContainer(event.target);
412 | } else if (event.target.classList.contains('name-mode')) {
413 | updateNameInput(event.target);
414 | }
415 | }
416 |
417 | // Mettre à jour le container des types avec cases à cocher
418 | function updateTypesContainer(categorySelect) {
419 | const typesContainer = categorySelect.closest('.condition-fields').querySelector('.types-container');
420 | if (!typesContainer) return;
421 |
422 | const selectedCategory = categorySelect.value;
423 |
424 | // Vider le container
425 | typesContainer.innerHTML = '';
426 |
427 | if (!selectedCategory || !config.categories[selectedCategory]) {
428 | typesContainer.innerHTML = 'Sélectionnez d\'abord une catégorie
';
429 | typesContainer.classList.add('empty');
430 | return;
431 | }
432 |
433 | typesContainer.classList.remove('empty');
434 | const types = config.categories[selectedCategory].types;
435 |
436 | // Générer un ID unique basé sur le contexte
437 | let uniqueId;
438 | if (categorySelect.closest('.main-search')) {
439 | uniqueId = 'main';
440 | } else if (categorySelect.closest('.complement-item')) {
441 | const complementItem = categorySelect.closest('.complement-item');
442 | uniqueId = complementItem.id.replace('complement', 'comp');
443 | } else {
444 | uniqueId = 'default';
445 | }
446 |
447 | Object.keys(types).forEach(typeKey => {
448 | const checkboxDiv = document.createElement('div');
449 | checkboxDiv.className = 'type-checkbox';
450 |
451 | const checkbox = document.createElement('input');
452 | checkbox.type = 'checkbox';
453 | checkbox.id = `type_${uniqueId}_${typeKey}`;
454 | checkbox.value = typeKey;
455 | checkbox.name = `types_${uniqueId}`;
456 |
457 | const label = document.createElement('label');
458 | label.htmlFor = checkbox.id;
459 | label.textContent = `${types[typeKey]} (${selectedCategory}=${typeKey})`;
460 |
461 | checkboxDiv.appendChild(checkbox);
462 | checkboxDiv.appendChild(label);
463 | typesContainer.appendChild(checkboxDiv);
464 | });
465 | }
466 |
467 | // Mettre à jour l'input de nom selon le mode sélectionné
468 | function updateNameInput(nameModeSelect) {
469 | const nameInput = nameModeSelect.parentElement.querySelector('.name');
470 | if (!nameInput) return;
471 |
472 | const mode = nameModeSelect.value;
473 |
474 | if (mode === '') {
475 | nameInput.disabled = true;
476 | nameInput.value = '';
477 | nameInput.placeholder = 'Texte à rechercher';
478 | } else {
479 | nameInput.disabled = false;
480 | switch (mode) {
481 | case 'exact':
482 | nameInput.placeholder = 'Nom exact à rechercher';
483 | break;
484 | case 'contains':
485 | nameInput.placeholder = 'Texte contenu dans le nom';
486 | break;
487 | case 'starts':
488 | nameInput.placeholder = 'Début du nom';
489 | break;
490 | }
491 | }
492 | }
493 |
494 | // Ajouter une nouvelle condition
495 | function addCondition() {
496 | conditionCount++;
497 |
498 | const conditionsContainer = document.getElementById('conditionsContainer');
499 | const newConditionGroup = document.createElement('div');
500 | newConditionGroup.className = 'condition-group';
501 | newConditionGroup.id = `conditionGroup${conditionCount}`;
502 |
503 | newConditionGroup.innerHTML = `
504 |
505 |
511 |
512 |
513 |
514 | Catégorie :
515 |
516 | Sélectionner une catégorie
517 |
518 |
519 |
520 |
521 |
Types (sélection multiple) :
522 |
523 |
Sélectionnez d'abord une catégorie
524 |
525 |
526 |
527 |
528 |
Recherche par nom (optionnel) :
529 |
530 |
531 | Ignorer le nom
532 | Nom exact
533 | Contient
534 | Commence par
535 |
536 |
538 |
539 |
540 |
541 |
Distance de recherche :
542 |
543 | mètres
545 |
546 |
547 |
548 |
Sélectionner une catégorie ';
564 |
565 | Object.keys(config.categories).forEach(categoryKey => {
566 | const category = config.categories[categoryKey];
567 | const option = document.createElement('option');
568 | option.value = categoryKey;
569 | option.textContent = category.label;
570 | categorySelect.appendChild(option);
571 | });
572 | }
573 |
574 | // Supprimer une condition
575 | function removeCondition(conditionNumber) {
576 | const conditionGroup = document.getElementById(`conditionGroup${conditionNumber}`);
577 | if (conditionGroup) {
578 | conditionGroup.remove();
579 | updateRemoveButtons();
580 | }
581 | }
582 |
583 | // Mettre à jour la visibilité des boutons de suppression
584 | function updateRemoveButtons() {
585 | const conditionGroups = document.querySelectorAll('.condition-group');
586 | conditionGroups.forEach((group, index) => {
587 | const removeBtn = group.querySelector('.remove-condition');
588 | if (removeBtn) {
589 | removeBtn.style.display = conditionGroups.length > 1 ? 'flex' : 'none';
590 | }
591 | });
592 | }
593 |
594 | // Effacer toutes les conditions
595 | function clearAllConditions() {
596 | const conditionsContainer = document.getElementById('conditionsContainer');
597 | conditionsContainer.innerHTML = `
598 |
599 |
600 |
606 |
607 |
608 |
609 | Catégorie :
610 |
611 | Sélectionner une catégorie
612 |
613 |
614 |
615 |
616 |
Types (sélection multiple) :
617 |
618 |
Sélectionnez d'abord une catégorie
619 |
620 |
621 |
622 |
623 |
Recherche par nom (optionnel) :
624 |
625 |
626 | Ignorer le nom
627 | Nom exact
628 | Contient
629 | Commence par
630 |
631 |
633 |
634 |
635 |
636 |
Distance de recherche :
637 |
638 | mètres
640 |
641 |
642 |
643 |
644 |
913 |
${name}
914 |
Type: ${type}
915 |
Catégorie: ${category}
916 |
Rôle: ${elementTypeLabel}
917 |
Coordonnées: ${lat.toFixed(6)}, ${lon.toFixed(6)}
918 |
926 |
${typeBreakdown} `;
947 | resultsCount.style.display = 'block';
948 |
949 | if (validElementsCount === 0) {
950 | showError('Aucun résultat trouvé pour cette recherche');
951 | hideResultsList();
952 | return;
953 | }
954 |
955 | // Ajuster la vue de la carte pour inclure tous les marqueurs
956 | if (bounds.length > 0) {
957 | map.fitBounds(bounds, { padding: [20, 20] });
958 | }
959 |
960 | // Afficher la liste des résultats
961 | populateResultsList(validElements);
962 | }
963 |
964 | // Déterminer le type d'élément (principal ou complément)
965 | function determineElementType(element, searchData) {
966 | const tags = element.tags || {};
967 |
968 | // Vérifier si c'est un élément principal
969 | if (searchData.mainSearch) {
970 | const mainCategory = searchData.mainSearch.category;
971 | const mainTypes = searchData.mainSearch.types || [];
972 |
973 | if (tags[mainCategory]) {
974 | if (mainTypes.length === 0 || mainTypes.includes(tags[mainCategory])) {
975 | // Vérifier aussi le nom si spécifié
976 | if (searchData.mainSearch.nameMode && searchData.mainSearch.nameValue) {
977 | const nameValue = searchData.mainSearch.nameValue.toLowerCase();
978 | const elementName = (tags.name || '').toLowerCase();
979 |
980 | switch (searchData.mainSearch.nameMode) {
981 | case 'exact':
982 | if (elementName === nameValue) return 'main';
983 | break;
984 | case 'contains':
985 | if (elementName.includes(nameValue)) return 'main';
986 | break;
987 | case 'starts':
988 | if (elementName.startsWith(nameValue)) return 'main';
989 | break;
990 | }
991 | } else {
992 | return 'main';
993 | }
994 | }
995 | }
996 | }
997 |
998 | // Vérifier si c'est un élément de complément
999 | for (let i = 0; i < searchData.complements.length; i++) {
1000 | const complement = searchData.complements[i];
1001 | const complementCategory = complement.category;
1002 | const complementTypes = complement.types || [];
1003 |
1004 | if (tags[complementCategory]) {
1005 | if (complementTypes.length === 0 || complementTypes.includes(tags[complementCategory])) {
1006 | // Vérifier aussi le nom si spécifié
1007 | if (complement.nameMode && complement.nameValue) {
1008 | const nameValue = complement.nameValue.toLowerCase();
1009 | const elementName = (tags.name || '').toLowerCase();
1010 |
1011 | switch (complement.nameMode) {
1012 | case 'exact':
1013 | if (elementName === nameValue) return `complement${i + 1}`;
1014 | break;
1015 | case 'contains':
1016 | if (elementName.includes(nameValue)) return `complement${i + 1}`;
1017 | break;
1018 | case 'starts':
1019 | if (elementName.startsWith(nameValue)) return `complement${i + 1}`;
1020 | break;
1021 | }
1022 | } else {
1023 | return `complement${i + 1}`;
1024 | }
1025 | }
1026 | }
1027 | }
1028 |
1029 | // Par défaut, considérer comme élément principal
1030 | return 'main';
1031 | }
1032 |
1033 | // Obtenir le libellé du type d'élément
1034 | function getElementTypeLabel(elementType) {
1035 | switch (elementType) {
1036 | case 'main':
1037 | return '🎯 Résultat principal';
1038 | case 'complement1':
1039 | return '🟢 Complément 1';
1040 | case 'complement2':
1041 | return '🟠 Complément 2';
1042 | case 'complement3':
1043 | return '🔴 Complément 3';
1044 | case 'complement4':
1045 | return '🟣 Complément 4';
1046 | case 'complement5':
1047 | return '🟡 Complément 5';
1048 | default:
1049 | return '📍 Élément';
1050 | }
1051 | }
1052 |
1053 | // Obtenir la répartition des résultats par type
1054 | function getResultsBreakdown(elements) {
1055 | const breakdown = {};
1056 |
1057 | elements.forEach(element => {
1058 | const type = element.elementType || 'main';
1059 | breakdown[type] = (breakdown[type] || 0) + 1;
1060 | });
1061 |
1062 | const parts = [];
1063 | if (breakdown.main) {
1064 | parts.push(`🎯 ${breakdown.main} principal(aux)`);
1065 | }
1066 |
1067 | for (let i = 1; i <= 5; i++) {
1068 | const key = `complement${i}`;
1069 | if (breakdown[key]) {
1070 | const colors = ['🟢', '🟠', '🔴', '🟣', '🟡'];
1071 | parts.push(`${colors[i-1]} ${breakdown[key]} complément ${i}`);
1072 | }
1073 | }
1074 |
1075 | return parts.join(' • ');
1076 | }
1077 |
1078 | // Peupler la liste des résultats avec séparation
1079 | function populateResultsList(elements) {
1080 | const resultsListContainer = document.getElementById('resultsListContainer');
1081 | const mainResultsTableBody = document.getElementById('mainResultsTableBody');
1082 | const complementResultsTableBody = document.getElementById('complementResultsTableBody');
1083 | const complementResultsSection = document.getElementById('complementResultsSection');
1084 |
1085 | if (!resultsListContainer || !mainResultsTableBody || !complementResultsTableBody) return;
1086 |
1087 | // Vider les tables existantes
1088 | mainResultsTableBody.innerHTML = '';
1089 | complementResultsTableBody.innerHTML = '';
1090 |
1091 | // Séparer les éléments principaux des compléments
1092 | const mainElements = elements.filter(element => element.elementType === 'main');
1093 | const complementElements = elements.filter(element => element.elementType !== 'main');
1094 |
1095 | // Peupler la table des résultats principaux
1096 | mainElements.forEach((element, index) => {
1097 | const row = createResultRow(element, index, false);
1098 | mainResultsTableBody.appendChild(row);
1099 | });
1100 |
1101 | // Peupler la table des compléments si il y en a
1102 | if (complementElements.length > 0) {
1103 | complementElements.forEach((element, index) => {
1104 | const globalIndex = mainElements.length + index; // Index global pour le zoom
1105 | const row = createResultRow(element, globalIndex, true);
1106 | complementResultsTableBody.appendChild(row);
1107 | });
1108 |
1109 | // Afficher la section des compléments
1110 | complementResultsSection.style.display = 'block';
1111 | } else {
1112 | // Masquer la section des compléments
1113 | complementResultsSection.style.display = 'none';
1114 | }
1115 |
1116 | // Afficher la liste
1117 | resultsListContainer.style.display = 'block';
1118 |
1119 | // Stocker les éléments pour les fonctions de zoom
1120 | window.currentValidElements = elements;
1121 | }
1122 |
1123 | // Créer une ligne de résultat
1124 | function createResultRow(element, index, isComplement) {
1125 | const tags = element.tags || {};
1126 | const name = tags.name || 'Sans nom';
1127 | const category = Object.keys(tags).find(key => config.categories[key]) || 'Inconnu';
1128 | const type = tags[category] || 'Non spécifié';
1129 | const categoryLabel = config.categories[category]?.label || category;
1130 | const typeLabel = config.categories[category]?.types[type] || type;
1131 |
1132 | const lat = element.calculatedLat;
1133 | const lon = element.calculatedLon;
1134 |
1135 | const row = document.createElement('tr');
1136 | row.dataset.elementId = element.id;
1137 | row.dataset.resultIndex = index;
1138 |
1139 | // Contenu de base pour toutes les lignes
1140 | let rowContent = '';
1141 |
1142 | // Ajouter la colonne "Rôle" pour les compléments
1143 | if (isComplement) {
1144 | const elementTypeLabel = getElementTypeLabel(element.elementType);
1145 | rowContent += `
1146 |
1147 | ${elementTypeLabel}
1148 |
1149 | `;
1150 | }
1151 |
1152 | // Colonnes communes
1153 | rowContent += `
1154 |
1155 | ${name}
1156 |
1157 |
1158 | ${typeLabel}
1159 |
1160 |
1161 | ${category}=${type}
1162 |
1163 |
1164 | ${lat.toFixed(6)}, ${lon.toFixed(6)}
1165 |
1166 |
1167 |
1175 |
1176 | `;
1177 |
1178 | row.innerHTML = rowContent;
1179 |
1180 | // Ajouter l'événement de clic sur la ligne
1181 | row.addEventListener('click', function() {
1182 | selectResultRow(this);
1183 | zoomToResult(index);
1184 | });
1185 |
1186 | return row;
1187 | }
1188 |
1189 | // Zoomer sur un résultat spécifique
1190 | function zoomToResult(resultIndex) {
1191 | if (!window.currentValidElements || !window.currentValidElements[resultIndex]) return;
1192 |
1193 | const element = window.currentValidElements[resultIndex];
1194 | const lat = element.calculatedLat;
1195 | const lon = element.calculatedLon;
1196 |
1197 | if (!lat || !lon) return;
1198 |
1199 | // Zoomer sur l'élément
1200 | map.setView([lat, lon], 18);
1201 |
1202 | // Trouver et ouvrir le popup du marqueur correspondant
1203 | markersLayer.eachLayer(marker => {
1204 | if (marker.elementData && marker.elementData.id === element.id) {
1205 | marker.openPopup();
1206 |
1207 | // Effet visuel temporaire
1208 | const originalIcon = marker.getIcon();
1209 | const highlightIcon = L.icon({
1210 | iconUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-red.png',
1211 | shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
1212 | iconSize: [25, 41],
1213 | iconAnchor: [12, 41],
1214 | popupAnchor: [1, -34],
1215 | shadowSize: [41, 41]
1216 | });
1217 |
1218 | marker.setIcon(highlightIcon);
1219 |
1220 | // Restaurer l'icône originale après 2 secondes
1221 | setTimeout(() => {
1222 | marker.setIcon(originalIcon);
1223 | }, 2000);
1224 | }
1225 | });
1226 |
1227 | // Sélectionner la ligne correspondante dans la table
1228 | const rows = document.querySelectorAll('#resultsTable tbody tr');
1229 | rows.forEach(row => {
1230 | if (parseInt(row.dataset.resultIndex) === resultIndex) {
1231 | selectResultRow(row);
1232 | }
1233 | });
1234 |
1235 | showSuccess(`Zoom sur : ${element.tags?.name || 'Élément sélectionné'}`);
1236 | }
1237 |
1238 | // Sélectionner une ligne de résultat
1239 | function selectResultRow(row) {
1240 | // Désélectionner toutes les autres lignes dans toutes les tables
1241 | const allRows = document.querySelectorAll('#mainResultsTable tbody tr, #complementResultsTable tbody tr');
1242 | allRows.forEach(r => r.classList.remove('selected'));
1243 |
1244 | // Sélectionner la ligne cliquée
1245 | row.classList.add('selected');
1246 |
1247 | // Faire défiler pour s'assurer que la ligne est visible
1248 | row.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
1249 | }
1250 |
1251 | // Masquer la liste des résultats
1252 | function hideResultsList() {
1253 | const resultsListContainer = document.getElementById('resultsListContainer');
1254 | if (resultsListContainer) {
1255 | resultsListContainer.style.display = 'none';
1256 | }
1257 |
1258 | // Nettoyer les données
1259 | window.currentValidElements = null;
1260 | }
1261 |
1262 | // Préparer les exports
1263 | function prepareExports(data) {
1264 | const downloadReportBtn = document.getElementById('downloadReport');
1265 | const downloadCSVBtn = document.getElementById('downloadCSV');
1266 |
1267 | // Supprimer les anciens événements
1268 | downloadReportBtn.replaceWith(downloadReportBtn.cloneNode(true));
1269 | downloadCSVBtn.replaceWith(downloadCSVBtn.cloneNode(true));
1270 |
1271 | // Récupérer les nouveaux éléments
1272 | const newDownloadReportBtn = document.getElementById('downloadReport');
1273 | const newDownloadCSVBtn = document.getElementById('downloadCSV');
1274 |
1275 | // Ajouter les événements de clic
1276 | newDownloadReportBtn.addEventListener('click', () => exportJSON(data));
1277 | newDownloadCSVBtn.addEventListener('click', () => exportCSV(data));
1278 |
1279 | // Afficher les boutons
1280 | newDownloadReportBtn.style.display = 'inline-flex';
1281 | newDownloadCSVBtn.style.display = 'inline-flex';
1282 | }
1283 |
1284 | // Exporter en JSON
1285 | function exportJSON(data) {
1286 | const jsonReport = {
1287 | timestamp: new Date().toISOString(),
1288 | query: document.getElementById('queryDisplay').textContent,
1289 | resultsCount: data.elements.length,
1290 | boundingBox: boundingBox,
1291 | elements: data.elements
1292 | };
1293 |
1294 | const jsonContent = JSON.stringify(jsonReport, null, 2);
1295 | const blob = new Blob([jsonContent], { type: 'application/json' });
1296 | const url = URL.createObjectURL(blob);
1297 |
1298 | const link = document.createElement('a');
1299 | link.href = url;
1300 | link.download = `osint-report-${new Date().toISOString().split('T')[0]}.json`;
1301 | document.body.appendChild(link);
1302 | link.click();
1303 | document.body.removeChild(link);
1304 | URL.revokeObjectURL(url);
1305 |
1306 | showSuccess('Rapport JSON téléchargé avec succès');
1307 | }
1308 |
1309 | // Exporter en CSV
1310 | function exportCSV(data) {
1311 | const csvContent = generateCSV(data.elements);
1312 | const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
1313 | const url = URL.createObjectURL(blob);
1314 |
1315 | const link = document.createElement('a');
1316 | link.href = url;
1317 | link.download = `osint-results-${new Date().toISOString().split('T')[0]}.csv`;
1318 | document.body.appendChild(link);
1319 | link.click();
1320 | document.body.removeChild(link);
1321 | URL.revokeObjectURL(url);
1322 |
1323 | showSuccess('Fichier CSV téléchargé avec succès');
1324 | }
1325 |
1326 | // Générer le contenu CSV
1327 | function generateCSV(elements) {
1328 | const headers = ['ID', 'Type', 'Nom', 'Catégorie', 'Sous-type', 'Latitude', 'Longitude', 'Tags'];
1329 | let csv = headers.join(',') + '\n';
1330 |
1331 | elements.forEach(element => {
1332 | const tags = element.tags || {};
1333 | const name = (tags.name || '').replace(/"/g, '""');
1334 | const category = Object.keys(tags).find(key => config.categories[key]) || '';
1335 | const subtype = tags[category] || '';
1336 |
1337 | let lat = '', lon = '';
1338 | if (element.type === 'node') {
1339 | lat = element.lat;
1340 | lon = element.lon;
1341 | } else if (element.type === 'way' && element.geometry) {
1342 | const coords = element.geometry;
1343 | lat = coords.reduce((sum, coord) => sum + coord.lat, 0) / coords.length;
1344 | lon = coords.reduce((sum, coord) => sum + coord.lon, 0) / coords.length;
1345 | }
1346 |
1347 | const tagsStr = JSON.stringify(tags).replace(/"/g, '""');
1348 |
1349 | const row = [
1350 | element.id,
1351 | element.type,
1352 | `"${name}"`,
1353 | category,
1354 | subtype,
1355 | lat,
1356 | lon,
1357 | `"${tagsStr}"`
1358 | ];
1359 |
1360 | csv += row.join(',') + '\n';
1361 | });
1362 |
1363 | return csv;
1364 | }
1365 |
1366 | // Copier la requête dans le presse-papiers
1367 | async function copyQueryToClipboard() {
1368 | const query = document.getElementById('queryDisplay').textContent;
1369 |
1370 | if (!query.trim()) {
1371 | showError('Aucune requête à copier');
1372 | return;
1373 | }
1374 |
1375 | try {
1376 | await navigator.clipboard.writeText(query);
1377 | showSuccess('Requête copiée dans le presse-papiers');
1378 | } catch (error) {
1379 | console.error('Erreur lors de la copie:', error);
1380 | showError('Impossible de copier la requête');
1381 | }
1382 | }
1383 |
1384 | // Effacer les résultats
1385 | function clearResults() {
1386 | if (markersLayer) {
1387 | markersLayer.clearLayers();
1388 | }
1389 |
1390 | document.getElementById('resultsCount').style.display = 'none';
1391 | document.getElementById('downloadReport').style.display = 'none';
1392 | document.getElementById('downloadCSV').style.display = 'none';
1393 |
1394 | currentResults = [];
1395 | }
1396 |
1397 | // Afficher/masquer l'indicateur de chargement
1398 | function showLoading(show) {
1399 | const loadingIndicator = document.getElementById('loadingIndicator');
1400 | loadingIndicator.style.display = show ? 'block' : 'none';
1401 | }
1402 |
1403 | // Afficher un message d'erreur
1404 | function showError(message) {
1405 | const existingError = document.querySelector('.error-message');
1406 | if (existingError) {
1407 | existingError.remove();
1408 | }
1409 |
1410 | const errorDiv = document.createElement('div');
1411 | errorDiv.className = 'error-message';
1412 | errorDiv.innerHTML = `
1508 |
Distance minimale :
1509 |
1510 | mètres
1512 |
1513 |
1515 |
Distance maximale :
1516 |
1517 | mètres
1519 |
1520 |
Sélectionner une zone ';
1806 |
1807 | if (!level || !config.geographicZones[level]) return;
1808 |
1809 | // Ajouter les zones du niveau sélectionné
1810 | Object.keys(config.geographicZones[level]).forEach(zoneName => {
1811 | const option = document.createElement('option');
1812 | option.value = zoneName;
1813 | option.textContent = zoneName;
1814 | if (zoneName === 'France' && level === 'country') {
1815 | option.selected = true; // Sélectionner France par défaut
1816 | }
1817 | geoZoneSelect.appendChild(option);
1818 | });
1819 |
1820 | // Mettre à jour la carte si une zone est sélectionnée
1821 | if (level === 'country' && geoZoneSelect.value === 'France') {
1822 | updateMapView('France', level);
1823 | }
1824 | }
1825 |
1826 | // Mettre à jour la vue de la carte selon la zone sélectionnée
1827 | function updateMapView(zoneName, level) {
1828 | if (!map || !config.geographicZones[level] || !config.geographicZones[level][zoneName]) return;
1829 |
1830 | const zoneData = config.geographicZones[level][zoneName];
1831 | const lat = zoneData.lat;
1832 | const lon = zoneData.lon;
1833 |
1834 | // Déterminer le niveau de zoom selon le type de zone
1835 | let zoom;
1836 | switch (level) {
1837 | case 'continent':
1838 | zoom = 3;
1839 | break;
1840 | case 'country':
1841 | zoom = 6;
1842 | break;
1843 | case 'region':
1844 | zoom = 8;
1845 | break;
1846 | case 'city':
1847 | zoom = 12;
1848 | break;
1849 | default:
1850 | zoom = 6;
1851 | }
1852 |
1853 | map.setView([lat, lon], zoom);
1854 | }
1855 |
1856 | // Obtenir la requête de zone géographique sélectionnée
1857 | function getSelectedGeographicArea() {
1858 | const geoLevelSelect = document.getElementById('geoLevel');
1859 | const geoZoneSelect = document.getElementById('geoZone');
1860 |
1861 | if (!geoLevelSelect || !geoZoneSelect) {
1862 | // Valeur par défaut si les éléments n'existent pas
1863 | return {
1864 | query: 'area["ISO3166-1"="FR"][admin_level=2];',
1865 | name: 'France'
1866 | };
1867 | }
1868 |
1869 | const level = geoLevelSelect.value;
1870 | const zoneName = geoZoneSelect.value;
1871 |
1872 | if (!level || !zoneName || !config.geographicZones[level] || !config.geographicZones[level][zoneName]) {
1873 | // Valeur par défaut
1874 | return {
1875 | query: 'area["ISO3166-1"="FR"][admin_level=2];',
1876 | name: 'France'
1877 | };
1878 | }
1879 |
1880 | return {
1881 | query: config.geographicZones[level][zoneName].query,
1882 | name: zoneName
1883 | };
1884 | }
1885 |
1886 | // Initialiser les contrôles de bounding box
1887 | function initializeBboxControls() {
1888 | const drawBboxBtn = document.getElementById('drawBbox');
1889 | const clearBboxBtn = document.getElementById('clearBbox');
1890 |
1891 | if (!drawBboxBtn || !clearBboxBtn) return;
1892 |
1893 | // Événements pour les boutons
1894 | drawBboxBtn.addEventListener('click', startBboxDrawing);
1895 | clearBboxBtn.addEventListener('click', clearBoundingBox);
1896 |
1897 | // Événements de la carte pour le dessin
1898 | map.on('mousedown', onMapMouseDown);
1899 | map.on('mousemove', onMapMouseMove);
1900 | map.on('mouseup', onMapMouseUp);
1901 | }
1902 |
1903 | // Commencer le dessin de bounding box
1904 | function startBboxDrawing() {
1905 | drawingMode = true;
1906 | const drawBboxBtn = document.getElementById('drawBbox');
1907 | const clearBboxBtn = document.getElementById('clearBbox');
1908 |
1909 | drawBboxBtn.textContent = 'Cliquez et glissez sur la carte';
1910 | drawBboxBtn.disabled = true;
1911 |
1912 | // Changer le curseur de la carte
1913 | map.getContainer().style.cursor = 'crosshair';
1914 |
1915 | // Effacer la bounding box existante si elle existe
1916 | if (bboxRectangle) {
1917 | map.removeLayer(bboxRectangle);
1918 | bboxRectangle = null;
1919 | }
1920 | }
1921 |
1922 | // Variables pour le dessin
1923 | let isDrawing = false;
1924 | let startLatLng = null;
1925 |
1926 | // Gérer le début du dessin (mousedown)
1927 | function onMapMouseDown(e) {
1928 | if (!drawingMode) return;
1929 |
1930 | isDrawing = true;
1931 | startLatLng = e.latlng;
1932 |
1933 | // Empêcher le déplacement de la carte pendant le dessin
1934 | map.dragging.disable();
1935 | map.touchZoom.disable();
1936 | map.doubleClickZoom.disable();
1937 | map.scrollWheelZoom.disable();
1938 | map.boxZoom.disable();
1939 | map.keyboard.disable();
1940 | }
1941 |
1942 | // Gérer le mouvement de la souris (mousemove)
1943 | function onMapMouseMove(e) {
1944 | if (!drawingMode || !isDrawing || !startLatLng) return;
1945 |
1946 | // Supprimer le rectangle temporaire s'il existe
1947 | if (bboxRectangle) {
1948 | map.removeLayer(bboxRectangle);
1949 | }
1950 |
1951 | // Créer un nouveau rectangle temporaire
1952 | const bounds = L.latLngBounds(startLatLng, e.latlng);
1953 | bboxRectangle = L.rectangle(bounds, {
1954 | color: '#ff7800',
1955 | weight: 2,
1956 | fillOpacity: 0.1
1957 | }).addTo(map);
1958 | }
1959 |
1960 | // Gérer la fin du dessin (mouseup)
1961 | function onMapMouseUp(e) {
1962 | if (!drawingMode || !isDrawing || !startLatLng) return;
1963 |
1964 | isDrawing = false;
1965 | drawingMode = false;
1966 |
1967 | // Réactiver les contrôles de la carte
1968 | map.dragging.enable();
1969 | map.touchZoom.enable();
1970 | map.doubleClickZoom.enable();
1971 | map.scrollWheelZoom.enable();
1972 | map.boxZoom.enable();
1973 | map.keyboard.enable();
1974 |
1975 | // Restaurer le curseur
1976 | map.getContainer().style.cursor = '';
1977 |
1978 | // Finaliser la bounding box
1979 | const endLatLng = e.latlng;
1980 | finalizeBoundingBox(startLatLng, endLatLng);
1981 |
1982 | startLatLng = null;
1983 | }
1984 |
1985 | // Finaliser la bounding box
1986 | function finalizeBoundingBox(start, end) {
1987 | // Calculer les coordonnées de la bounding box
1988 | const south = Math.min(start.lat, end.lat);
1989 | const north = Math.max(start.lat, end.lat);
1990 | const west = Math.min(start.lng, end.lng);
1991 | const east = Math.max(start.lng, end.lng);
1992 |
1993 | // Stocker la bounding box
1994 | boundingBox = { south, west, north, east };
1995 |
1996 | // Mettre à jour l'interface
1997 | updateBboxDisplay();
1998 |
1999 | // Réactiver le bouton de dessin
2000 | const drawBboxBtn = document.getElementById('drawBbox');
2001 | const clearBboxBtn = document.getElementById('clearBbox');
2002 |
2003 | drawBboxBtn.innerHTML = 'Sélectionner une catégorie ';
2090 |
2091 | // Ajouter les catégories depuis la configuration
2092 | Object.keys(config.categories).forEach(categoryKey => {
2093 | const category = config.categories[categoryKey];
2094 | const option = document.createElement('option');
2095 | option.value = categoryKey;
2096 | option.textContent = category.label;
2097 | categorySelect.appendChild(option);
2098 | });
2099 | }
2100 |
2101 | // Ajouter un complément de recherche
2102 | function addComplement() {
2103 | complementCount++;
2104 |
2105 | const complementsContainer = document.getElementById('complementsContainer');
2106 | const newComplement = document.createElement('div');
2107 | newComplement.className = 'complement-item';
2108 | newComplement.id = `complement${complementCount}`;
2109 |
2110 | newComplement.innerHTML = `
2111 |
2123 |
2124 |
2125 |
2126 | Catégorie :
2127 |
2128 | Sélectionner une catégorie
2129 |
2130 |
2131 |
2132 |
2133 |
Types (sélection multiple) :
2134 |
2135 |
Sélectionnez d'abord une catégorie
2136 |
2137 |
2138 |
2139 |
2140 |
Recherche par nom (optionnel) :
2141 |
2142 |
2143 | Ignorer le nom
2144 | Nom exact
2145 | Contient
2146 | Commence par
2147 |
2148 |
2150 |
2151 |
2152 |
2153 |
Distance :
2154 |
2155 | mètres
2157 |
2158 |
2159 |
🔍 Recherche en cours...
';
2566 | addressSuggestions.style.display = 'block';
2567 |
2568 | // Construire l'URL de l'API Nominatim
2569 | const nominatimUrl = `https://nominatim.openstreetmap.org/search?format=json&addressdetails=1&limit=5&q=${encodeURIComponent(query)}`;
2570 |
2571 | const response = await fetch(nominatimUrl, {
2572 | headers: {
2573 | 'User-Agent': 'OSINT-Recherche-Overpass/1.0'
2574 | }
2575 | });
2576 |
2577 | if (!response.ok) {
2578 | throw new Error(`Erreur HTTP: ${response.status}`);
2579 | }
2580 |
2581 | const results = await response.json();
2582 |
2583 | // Afficher les résultats
2584 | displayAddressSuggestions(results);
2585 |
2586 | } catch (error) {
2587 | console.error('Erreur lors de la recherche d\'adresse:', error);
2588 | addressSuggestions.innerHTML = '❌ Erreur lors de la recherche
';
2589 | addressSuggestions.style.display = 'block';
2590 |
2591 | setTimeout(() => {
2592 | addressSuggestions.style.display = 'none';
2593 | }, 3000);
2594 | }
2595 | }
2596 |
2597 | // Afficher les suggestions d'adresses
2598 | function displayAddressSuggestions(results) {
2599 | const addressSuggestions = document.getElementById('addressSuggestions');
2600 |
2601 | if (!results || results.length === 0) {
2602 | addressSuggestions.innerHTML = '🚫 Aucune adresse trouvée
';
2603 | addressSuggestions.style.display = 'block';
2604 |
2605 | setTimeout(() => {
2606 | addressSuggestions.style.display = 'none';
2607 | }, 3000);
2608 | return;
2609 | }
2610 |
2611 | // Construire la liste des suggestions
2612 | let suggestionsHTML = '';
2613 |
2614 | results.forEach((result, index) => {
2615 | const lat = parseFloat(result.lat);
2616 | const lon = parseFloat(result.lon);
2617 | const displayName = result.display_name;
2618 | const type = result.type || 'Lieu';
2619 |
2620 | // Extraire les informations principales
2621 | const address = result.address || {};
2622 | const name = address.house_number && address.road
2623 | ? `${address.house_number} ${address.road}`
2624 | : address.road || address.village || address.town || address.city || result.name || 'Sans nom';
2625 |
2626 | const location = [address.city, address.town, address.village, address.county]
2627 | .filter(Boolean)
2628 | .join(', ') || address.country || '';
2629 |
2630 | suggestionsHTML += `
2631 |
2632 |
${name}
2633 |
${location} • ${type}
2634 |
2683 |
📍 Adresse recherchée
2684 |
${name}
2685 |
Coordonnées: ${lat.toFixed(6)}, ${lon.toFixed(6)}
2686 |
2687 |
2688 | Supprimer ce marqueur
2689 |
2690 |
2691 |