manque css et retour page d'accueil
This commit is contained in:
parent
fd6123210c
commit
1ffe2763d4
108
index.php
108
index.php
@ -12,91 +12,47 @@ libxml_use_internal_errors(true); // Ignore les erreurs de parsing HTML
|
|||||||
$dom->loadHTML($html);
|
$dom->loadHTML($html);
|
||||||
libxml_clear_errors();
|
libxml_clear_errors();
|
||||||
|
|
||||||
// Recherche du div avec l'id "sommaire-centre"
|
// Recherche de la div avec l'id "calendrier"
|
||||||
$sommaireCentreDiv = $dom->getElementById('sommaire-centre');
|
$calendrierDiv = $dom->getElementById('calendrier');
|
||||||
|
|
||||||
// Recherche des balises <li> dans le div
|
// Récupération des liens dans la liste
|
||||||
$liElements = $sommaireCentreDiv->getElementsByTagName('li');
|
$calendrierLinks = $calendrierDiv->getElementsByTagName('a');
|
||||||
|
|
||||||
// Tableau pour stocker les villes et leurs coordonnées
|
// Tableau pour stocker les nodes et les URLs
|
||||||
$cities = array();
|
$calendrier = array();
|
||||||
|
|
||||||
// Parcourir les balises <li> et extraire le texte cliquable des liens
|
// Parcourir les liens et récupérer les nodes et les URLs
|
||||||
foreach ($liElements as $liElement) {
|
foreach ($calendrierLinks as $link) {
|
||||||
// Vérifier s'il y a un lien dans le <li>
|
$node = $link->nodeValue;
|
||||||
$linkElement = $liElement->getElementsByTagName('a')->item(0);
|
$url = $link->getAttribute('href');
|
||||||
if ($linkElement) {
|
$calendrier[] = array(
|
||||||
$ville = $linkElement->nodeValue;
|
'node' => $node,
|
||||||
$href = $linkElement->getAttribute('href');
|
'url' => 'https://www.sabradou.com/' . $url
|
||||||
//echo $ville . "<br />";
|
);
|
||||||
//echo "Lien : " . $href . "<br />";
|
|
||||||
|
|
||||||
// Requête à l'API Nominatim
|
|
||||||
$options = array(
|
|
||||||
'http' => array(
|
|
||||||
'header' => "User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.3",
|
|
||||||
),
|
|
||||||
);
|
|
||||||
$context = stream_context_create($options);
|
|
||||||
$url = 'https://nominatim.openstreetmap.org/search?city=' . urlencode($ville) . '&format=json';
|
|
||||||
$response = file_get_contents($url, false, $context);
|
|
||||||
$data = json_decode($response, true);
|
|
||||||
|
|
||||||
// Vérifier si la requête a réussi
|
|
||||||
if (!empty($data)) {
|
|
||||||
// Récupérer les coordonnées géographiques de la première correspondance
|
|
||||||
$latitude = $data[0]['lat'];
|
|
||||||
$longitude = $data[0]['lon'];
|
|
||||||
|
|
||||||
//echo "Latitude : " . $latitude . "<br />";
|
|
||||||
//echo "Longitude : " . $longitude . "<br />";
|
|
||||||
|
|
||||||
// Ajouter la ville et ses coordonnées au tableau
|
|
||||||
$cities[] = array(
|
|
||||||
'name' => $ville,
|
|
||||||
'lat' => $latitude,
|
|
||||||
'lon' => $longitude
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
echo "Erreur : Impossible de géocoder la ville.";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
?>
|
// Afficher le tableau $calendrier
|
||||||
|
// foreach ($calendrier as $item) {
|
||||||
|
// echo "Node : " . $item['node'] . "<br />";
|
||||||
|
// echo "URL : " . $item['url'] . "<br />";
|
||||||
|
// }
|
||||||
|
|
||||||
|
?>
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Carte OpenStreetMap</title>
|
<title>Formulaire de sélection</title>
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css" />
|
|
||||||
<style>
|
|
||||||
#map {
|
|
||||||
height: 400px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="map"></div>
|
<form action="map.php" method="GET">
|
||||||
|
<label for="calendrier-list">Sélectionnez un élément :</label>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script>
|
<select name="calendrier" id="calendrier-list">
|
||||||
<script>
|
<?php foreach ($calendrier as $item) : ?>
|
||||||
// Tableau des villes et des coordonnées
|
<option value="<?php echo $item['url']; ?>"><?php echo $item['node']; ?></option>
|
||||||
var cities = <?php echo json_encode($cities); ?>;
|
<?php endforeach; ?>
|
||||||
|
</select>
|
||||||
// Créer la carte
|
<br>
|
||||||
var map = L.map('map').setView([48.8566, 2.3522], 13);
|
<input type="submit" value="Afficher sur la carte">
|
||||||
|
</form>
|
||||||
// Ajouter une couche de tuiles OpenStreetMap à la carte
|
|
||||||
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
|
||||||
attribution: 'Carte OpenStreetMap'
|
|
||||||
}).addTo(map);
|
|
||||||
|
|
||||||
// Placer des marqueurs pour chaque ville sur la carte
|
|
||||||
cities.forEach(function(city) {
|
|
||||||
var marker = L.marker([city.lat, city.lon]).addTo(map);
|
|
||||||
marker.bindPopup(city.name);
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
109
map.php
Normal file
109
map.php
Normal file
@ -0,0 +1,109 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
// URL de la page à analyser
|
||||||
|
$url = $_GET['calendrier'];
|
||||||
|
// $url = 'https://www.sabradou.com/index.php';
|
||||||
|
|
||||||
|
// Récupération du contenu de la page
|
||||||
|
$html = file_get_contents($url);
|
||||||
|
|
||||||
|
// Création d'un objet DOMDocument
|
||||||
|
$dom = new DOMDocument();
|
||||||
|
libxml_use_internal_errors(true); // Ignore les erreurs de parsing HTML
|
||||||
|
$dom->loadHTML($html);
|
||||||
|
libxml_clear_errors();
|
||||||
|
|
||||||
|
// Recherche du div avec l'id "sommaire-centre"
|
||||||
|
$sommaireCentreDiv = $dom->getElementById('sommaire-centre');
|
||||||
|
|
||||||
|
// Recherche des balises <li> dans le div
|
||||||
|
$liElements = $sommaireCentreDiv->getElementsByTagName('li');
|
||||||
|
|
||||||
|
// Tableau pour stocker les villes et leurs coordonnées
|
||||||
|
$cities = array();
|
||||||
|
|
||||||
|
// Parcourir les balises <li> et extraire le texte cliquable des liens
|
||||||
|
foreach ($liElements as $liElement) {
|
||||||
|
// Vérifier s'il y a un lien dans le <li>
|
||||||
|
$linkElement = $liElement->getElementsByTagName('a')->item(0);
|
||||||
|
if ($linkElement) {
|
||||||
|
$ville = $linkElement->nodeValue;
|
||||||
|
$ville = preg_replace('/^(B\s|\d{2}\s)/', '', $ville);
|
||||||
|
$href = $linkElement->getAttribute('href');
|
||||||
|
//echo $ville . "<br />";
|
||||||
|
//echo "Lien : " . $href . "<br />";
|
||||||
|
|
||||||
|
// Requête à l'API Nominatim
|
||||||
|
$options = array(
|
||||||
|
'http' => array(
|
||||||
|
'header' => "User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.3",
|
||||||
|
),
|
||||||
|
);
|
||||||
|
$context = stream_context_create($options);
|
||||||
|
$url = 'https://nominatim.openstreetmap.org/search?city=' . urlencode($ville) . '&format=json';
|
||||||
|
$response = file_get_contents($url, false, $context);
|
||||||
|
$data = json_decode($response, true);
|
||||||
|
|
||||||
|
// Vérifier si la requête a réussi
|
||||||
|
if (!empty($data)) {
|
||||||
|
// Récupérer les coordonnées géographiques de la première correspondance
|
||||||
|
$latitude = $data[0]['lat'];
|
||||||
|
$longitude = $data[0]['lon'];
|
||||||
|
|
||||||
|
//echo "Latitude : " . $latitude . "<br />";
|
||||||
|
//echo "Longitude : " . $longitude . "<br />";
|
||||||
|
|
||||||
|
// Ajouter la ville et ses coordonnées au tableau
|
||||||
|
$cities[] = array(
|
||||||
|
'name' => $ville,
|
||||||
|
'lat' => $latitude,
|
||||||
|
'lon' => $longitude,
|
||||||
|
'href' => $href,
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
echo "Erreur : Impossible de géocoder la ville : " . $ville;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Carte OpenStreetMap</title>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css" />
|
||||||
|
<link rel="stylesheet" href="style.css" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="map"></div>
|
||||||
|
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script>
|
||||||
|
<script>
|
||||||
|
// Tableau des villes et des coordonnées
|
||||||
|
var cities = <?php echo json_encode($cities); ?>;
|
||||||
|
|
||||||
|
// Créer la carte
|
||||||
|
var map = L.map('map').setView([50.5095, 2.6683], 8);
|
||||||
|
|
||||||
|
// Ajouter une couche de tuiles OpenStreetMap à la carte
|
||||||
|
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
||||||
|
attribution: 'Carte OpenStreetMap'
|
||||||
|
}).addTo(map);
|
||||||
|
|
||||||
|
// Placer des marqueurs pour chaque ville sur la carte
|
||||||
|
cities.forEach(function (city) {
|
||||||
|
var marker = L.marker([city.lat, city.lon]).addTo(map);
|
||||||
|
marker.bindPopup(city.name);
|
||||||
|
});
|
||||||
|
// Placer des marqueurs pour chaque ville sur la carte
|
||||||
|
cities.forEach(function (city) {
|
||||||
|
var marker = L.marker([city.lat, city.lon]).addTo(map);
|
||||||
|
marker.bindPopup('<a href="' + city.href + '" target="_blank">' + city.name + '</a>');
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user