Logo de autour-de-moi.tel utour-de-moi.tel

Port de plaisance de Châtelaillon

📌 Cr du Maréchal Juin, 17340 Châtelaillon-Plage

4.5 / 5
(292 avis)
la.charente-maritime.fr
Port de plaisance

Horaires d'Ouverture

  • Lundi
  • Mardi
  • Mercredi
  • Jeudi
  • Vendredi
  • Samedi
  • Dimanche

A propos :

Découvrez toutes les informations concernant Port de plaisance Port de plaisance de Châtelaillon qui se situe au Cr du Maréchal Juin, 17340 Châtelaillon-Plage (17). Cette fiche inclut les photos, les horaires d'ouverture, l'adresse, le numéro de téléphone et les avis des clients.

Galerie Photos

Photo n°1 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°2 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°3 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°4 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°5 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°6 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°7 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°8 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°9 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°10 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°11 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°12 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°13 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°14 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°15 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°16 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°17 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°18 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°19 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°20 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°21 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°22 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°23 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°24 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°25 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°26 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°27 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°28 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°29 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°30 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°31 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°32 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°33 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°34 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°35 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°36 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°37 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°38 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°39 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°40 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°41 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°42 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°43 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°44 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°45 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)Photo n°46 de Port de plaisance de Châtelaillon à Châtelaillon-Plage (Port de plaisance)

Accessibilité

  • Entrée accessible en fauteuil roulant
  • Parking accessible en fauteuil roulant

Paiements

  • Cartes de crédit
  • Cartes de débit

Contribution & Gestion de la fiche

Êtes-vous le propriétaire de cet établissement ? Aidez-nous à garder cette fiche à jour ou demandez sa suppression.

🖋️ Écrire un avis (Google)

Avis des clients

Avis de : Jean.v.
Note de : 4 / 5

"Bien."

Posté le 21/01/1970 à 08:57
Avis de : gregory..
Note de : 5 / 5

"Endroit superbe, tant pour la promenade, se resourcer ou poser une canne pêche ."

Posté le 21/01/1970 à 08:56
Avis de : Hermes.a.
Note de : 5 / 5

"Petit port sympathique, pour faire une promenade en fin de soirée, en flânant sur le Chemin des Douaniers."

Posté le 21/01/1970 à 08:25
Avis de : Stepo64..
Note de : 5 / 5

"Belle balade"

Posté le 21/01/1970 à 08:08
Avis de : Krys41.b.
Note de : 5 / 5

"Très voire trop agréable."

Posté le 21/01/1970 à 07:54
Avis de : Route.7.
Note de : 5 / 5

"Endroit très beau avec magnifique couché de soleil"

Posté le 21/01/1970 à 07:43
Avis de : karine.U.
Note de : 5 / 5

"Magnifique domage encore trop de vélo filant à vive allure sur un espace piéton"

Posté le 21/01/1970 à 07:43
Avis de : Den.s.
Note de : 2 / 5

"Le port en lui même est top, les commerces aussi, Malheureusement encore une petite ville qui ne voit que par les estivants en capacité de financer une location. Les petits vans comme nous, dégagez on veut pas de nous. Faut raquer pour dormir ou se saigner de 135€ grâce aux gros campings car"

Posté le 21/01/1970 à 07:41
Avis de : jean-paul.h.
Note de : 5 / 5

"Aujourd'hui il y a brocante..."

Posté le 21/01/1970 à 07:33
Avis de : Dias.e.
Note de : 4 / 5

"Jolie petit port avec son école de voile et autres activité nautique, on peut y venir a pieds, en vélo ou en voiture sans oublié le bistrot du port, les pieds dans le sable aussi pour y boire un verre que pour manger"

Posté le 21/01/1970 à 06:44

Entreprises à proximité

Village d'Emmanuelle à Châtelaillon-Plage

Village d'Emmanuelle

17340 Châtelaillon-Plage

6 Avis
Dr Samy MZARI à Châtelaillon-Plage

Dr Samy MZARI

8 Bd Georges Clemenceau

17340 Châtelaillon-Plage

21 Avis
Milana à Châtelaillon-Plage

Milana

128 Bd de la République

17340 Châtelaillon-Plage

1 Avis
L' Atelier des Cousins à Châtelaillon-Plage

L' Atelier des Cousins

69 Bd de la Mer

17340 Châtelaillon-Plage

2021 Avis
Adei à Châtelaillon-Plage

Adei

17340 Châtelaillon-Plage

4 Avis
Blanchisserie LEDUC à Châtelaillon-Plage

Blanchisserie LEDUC

35 Av. Surcouf

17340 Châtelaillon-Plage

12 Avis
Cimetiere Jean-Louis Marie à Châtelaillon-Plage

Cimetiere Jean-Louis Marie

17340 Châtelaillon-Plage

1 Avis
En Corps Mieux à Châtelaillon-Plage

En Corps Mieux

34 Rue des Vagues

17340 Châtelaillon-Plage

148 Avis
Le Carré 26 à Châtelaillon-Plage

Le Carré 26

26 Av. de la Petite Borde

17340 Châtelaillon-Plage

0 Avis
Lydie Paumier, cours de dessin et peinture à Châtelaillon-Plage

Lydie Paumier, cours de dessin et peinture

11 Av. du Général de Gaulle

17340 Châtelaillon-Plage

8 Avis
ARTISAN PEINTRE Delaroche Fabien à Châtelaillon-Plage

ARTISAN PEINTRE Delaroche Fabien

1 bis All. d'Angoute

17340 Châtelaillon-Plage

6 Avis
École du dos de Châtelaillon-Plage à Châtelaillon-Plage

École du dos de Châtelaillon-Plage

1 Pl. Jean Moulin

17340 Châtelaillon-Plage

0 Avis
Agence de communication événementielle - Events Py's - Charente-Maritime à Châtelaillon-Plage

Agence de communication événementielle - Events Py's - Charente-Maritime

25 Rue Georges Michaud

17340 Châtelaillon-Plage

0 Avis
MADEMOISELLE à Châtelaillon-Plage

MADEMOISELLE

132 Bd de la République

17340 Châtelaillon-Plage

27 Avis
Logis Hôtel Majestic à Châtelaillon-Plage

Logis Hôtel Majestic

Pl. Saint-Marsault

17340 Châtelaillon-Plage

1035 Avis
Le 23 à Châtelaillon-Plage

Le 23

23 Bd de la Libération

17340 Châtelaillon-Plage

250 Avis
A'Lo Piscine Chatel à Châtelaillon-Plage

A'Lo Piscine Chatel

All. du Pertuis d'Antioche

17340 Châtelaillon-Plage

8 Avis
Saur à Châtelaillon-Plage

Saur

GARE SNCF, 1 Rue Félix Faure

17340 Châtelaillon-Plage

66 Avis
Tiers Charging Station à Châtelaillon-Plage

Tiers Charging Station

3 Square des Terriers

17340 Châtelaillon-Plage

0 Avis
Les Copines d'Art à Châtelaillon-Plage

Les Copines d'Art

5 Rue Albert 1er

17340 Châtelaillon-Plage

1 Avis
// NOUVELLES FONCTIONS POUR LE MODAL TÉLÉPHONE (SVA) const phoneModal = document.getElementById('phone-modal'); const modalPhoneDisplay = document.getElementById('modal-phone-display'); const modalCallBtn = document.getElementById('modal-call-btn'); const modalRealPhoneDisplay = document.getElementById('modal-real-phone-display'); function openPhoneModal(svaNumber) { // Remplir les données du modal avec le numéro SVA modalPhoneDisplay.textContent = svaNumber; modalCallBtn.href = 'tel:' + svaNumber.replace(/\s/g, ''); phoneModal.classList.remove('hidden'); } function closePhoneModal() { phoneModal.classList.add('hidden'); } // ANCIEN MODAL (EXIT) - Renommage de la fonction pour éviter les conflits function closeExitModal() { document.getElementById('exit-modal').classList.remove('show'); } // 1. GESTION DU BOUTON "RETOUR EN HAUT" (Optimisé) const backToTopButton = document.getElementById('backtotop'); let isBackToTopVisible = false; // État pour éviter de toucher au DOM inutilement window.addEventListener('scroll', () => { // On lit la valeur (Lecture) const shouldBeVisible = window.scrollY > 300; // On écrit dans le DOM SEULEMENT si l'état change (Écriture) if (shouldBeVisible !== isBackToTopVisible) { isBackToTopVisible = shouldBeVisible; if (isBackToTopVisible) { backToTopButton.classList.remove('hidden'); } else { backToTopButton.classList.add('hidden'); } } }, { passive: true }); // 'passive: true' améliore la fluidité du scroll backToTopButton.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }); // 2. GESTION DES TÉLÉPHONES ET DU RESTE (DOM Loaded) document.addEventListener('DOMContentLoaded', () => { const isMobile = window.innerWidth < 768; const showPhoneBtn = document.getElementById('show-phone-btn'); const showPhoneBtnFloating = document.getElementById('show-phone-btn-floating'); // Les anciens éléments d'affichage inline (phoneDisplayContainer, etc.) sont supprimés/ignorés const restaurantCard = document.querySelector('[data-place-id]'); const phoneErrorSpan = document.getElementById('phone-error'); // Éléments flottants const floatingPhoneBtn = document.getElementById('floating-phone-btn'); const phoneButtonContainer = document.getElementById('phone-button-container'); // Éléments du modal de suppression const suppressionModal = document.getElementById('suppression-modal'); const openSuppressionModal = document.getElementById('open-suppression-modal'); const openSuppressionModalBottom = document.getElementById('open-suppression-modal-bottom'); const closeSuppressionModal = document.getElementById('close-suppression-modal'); const smsHeader = document.getElementById('sms-header'); const callHeader = document.getElementById('call-header'); const smsContent = document.getElementById('sms-content'); const callContent = document.getElementById('call-content'); const smsArrow = document.getElementById('sms-arrow'); const callArrow = document.getElementById('call-arrow'); // --- LOGIQUE MODAL DE SUPPRESSION --- function toggleAccordion(header, content, arrow) { const isActive = content.classList.contains('active'); // Fermer tous les autres document.querySelectorAll('.accordion-content').forEach(c => c.classList.remove('active')); document.querySelectorAll('.accordion-arrow').forEach(a => a.classList.remove('rotate')); if (!isActive) { content.classList.add('active'); arrow.classList.add('rotate'); } } if (smsHeader && callHeader) { smsHeader.addEventListener('click', () => toggleAccordion(smsHeader, smsContent, smsArrow)); callHeader.addEventListener('click', () => toggleAccordion(callHeader, callContent, callArrow)); } // Gestion ouverture/fermeture du modal de suppression function openSuppressionModalFunc() { suppressionModal.classList.add('show'); // Réinitialiser les accordéons à l'ouverture document.querySelectorAll('.accordion-content').forEach(c => c.classList.remove('active')); document.querySelectorAll('.accordion-arrow').forEach(a => a.classList.remove('rotate')); } function closeSuppressionModalFunc() { suppressionModal.classList.remove('show'); } if (openSuppressionModal) { openSuppressionModal.addEventListener('click', openSuppressionModalFunc); } if (openSuppressionModalBottom) { openSuppressionModalBottom.addEventListener('click', openSuppressionModalFunc); } if (closeSuppressionModal) { closeSuppressionModal.addEventListener('click', closeSuppressionModalFunc); } if (suppressionModal) { suppressionModal.addEventListener('click', (e) => { if (e.target === suppressionModal) { closeSuppressionModalFunc(); } }); } // --- OPTIMISATION MAJEURE ICI : Intersection Observer au lieu de Scroll Event --- // Au lieu de calculer des maths à chaque scroll, on observe si le bouton principal sort de l'écran if (isMobile && phoneButtonContainer && floatingPhoneBtn) { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { // Si le conteneur du bouton n'est plus visible (on a scrollé vers le bas) // On affiche le bouton flottant if (!entry.isIntersecting && entry.boundingClientRect.top < 0) { floatingPhoneBtn.classList.remove('translate-y-full'); } else { floatingPhoneBtn.classList.add('translate-y-full'); } }); }, { threshold: 0 }); // Se déclenche dès qu'un pixel sort/entre observer.observe(phoneButtonContainer); } // -------------------------------------------------------------------------------- // La fonction getPhoneNumber est mise à jour pour ouvrir le modal if (showPhoneBtn && restaurantCard && phoneErrorSpan) { const getPhoneNumber = async (btn) => { const placeId = restaurantCard.dataset.placeId; const modalRealPhoneDisplay = document.getElementById('modal-real-phone-display'); phoneErrorSpan.textContent = ''; phoneErrorSpan.classList.add('hidden'); const originalBtnContent = btn.innerHTML; // SVG Spinner inline pour éviter les sauts de ligne btn.innerHTML = `Chargement...`; btn.disabled = true; try { const response = await fetch('get_number.php?site=autour-de-moi.tel', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ place_id: placeId }) }); if (!response.ok) throw new Error(`Erreur HTTP: ${response.status}`); const data = await response.json(); const svaNumber = data.phone_number; const realNumber = modalRealPhoneDisplay.textContent; // Utilise le numéro par défaut dans le modal comme "vrai" numéro, car l'API n'en fournit qu'un. // Ouvre le modal et remplit les champs openPhoneModal(svaNumber); if (isMobile) { // Sur mobile, lancer directement l'appel SVA window.location.href = 'tel:' + svaNumber.replace(/\s/g, ''); } btn.innerHTML = originalBtnContent; btn.disabled = false; } catch (error) { console.error('Erreur:', error); // Affiche l'erreur sur le bouton ou span phoneErrorSpan.textContent = 'Erreur de connexion. Veuillez réessayer.'; phoneErrorSpan.classList.remove('hidden'); btn.innerHTML = originalBtnContent; btn.disabled = false; } }; showPhoneBtn.addEventListener('click', () => getPhoneNumber(showPhoneBtn)); if (showPhoneBtnFloating) { showPhoneBtnFloating.addEventListener('click', () => getPhoneNumber(showPhoneBtnFloating)); } } // --- GALERIE --- const galleryItems = document.querySelectorAll('.gallery-item'); if(galleryItems.length > 0) { const galleryOverlay = document.getElementById('gallery-overlay'); const galleryFullImg = document.getElementById('gallery-full-img'); const prevBtn = document.getElementById('gallery-prev'); const nextBtn = document.getElementById('gallery-next'); const closeBtn = document.getElementById('gallery-close'); let currentImageIndex = 0; let fullImages = []; galleryItems.forEach(item => { fullImages.push(item.dataset.fullImgSrc); item.addEventListener('click', () => { currentImageIndex = Array.from(galleryItems).indexOf(item); galleryFullImg.src = fullImages[currentImageIndex]; galleryOverlay.classList.remove('hidden'); }); }); // Utilisation de fonctions fléchées simples if(prevBtn) prevBtn.addEventListener('click', () => { currentImageIndex = (currentImageIndex > 0) ? currentImageIndex - 1 : fullImages.length - 1; galleryFullImg.src = fullImages[currentImageIndex]; }); if(nextBtn) nextBtn.addEventListener('click', () => { currentImageIndex = (currentImageIndex < fullImages.length - 1) ? currentImageIndex + 1 : 0; galleryFullImg.src = fullImages[currentImageIndex]; }); if(closeBtn) closeBtn.addEventListener('click', () => galleryOverlay.classList.add('hidden')); if(galleryOverlay) galleryOverlay.addEventListener('click', (e) => { if (e.target === galleryOverlay) galleryOverlay.classList.add('hidden'); }); } // --- CARROUSEL GALERIE --- const container = document.getElementById('gallery-carousel-container'); const prevGalleryBtn = document.getElementById('gallery-prev-btn'); const nextGalleryBtn = document.getElementById('gallery-next-btn'); if (container && prevGalleryBtn && nextGalleryBtn) { // Calculer scrollStep une seule fois, pas à chaque clic si possible, // ou le garder dynamique si la fenêtre change de taille prevGalleryBtn.addEventListener('click', () => { container.scrollBy({ left: -(container.offsetWidth * 0.8), behavior: 'smooth' }); }); nextGalleryBtn.addEventListener('click', () => { container.scrollBy({ left: (container.offsetWidth * 0.8), behavior: 'smooth' }); }); } // --- EXIT INTENT MODAL --- const modal = document.getElementById('exit-modal'); const closeModalBtn = document.getElementById('close-modal'); if (modal && !localStorage.getItem('visited_page')) { const showModal = () => { modal.classList.add('show'); localStorage.setItem('visited_page', 'true'); }; document.documentElement.addEventListener('mouseleave', (e) => { if (e.clientY <= 0) showModal(); }); if(closeModalBtn) closeModalBtn.addEventListener('click', () => closeExitModal()); } // --- AUTOCOMPLETE --- async function fetchAutocompleteData(phpFile, query) { try { const response = await fetch(`${phpFile}?query=${encodeURIComponent(query)}`); if (!response.ok) throw new Error(`Erreur HTTP: ${response.status}`); return await response.json(); } catch (error) { console.error("Erreur autocomplétion:", error); return []; } } function setupAutocomplete(inputId, dropdownId, phpFile) { const input = document.getElementById(inputId); const dropdown = document.getElementById(dropdownId); let timeout = null; if (!dropdown || !input) return; input.addEventListener('input', () => { const query = input.value.toLowerCase(); if (timeout) clearTimeout(timeout); if (query.length < 2) { dropdown.classList.add('hidden'); return; } // Optimisation: Afficher chargement seulement si pas trop rapide dropdown.innerHTML = '
Chargement...
'; dropdown.classList.remove('hidden'); timeout = setTimeout(async () => { const results = await fetchAutocompleteData(phpFile, query); dropdown.innerHTML = ''; if (results.length > 0) { const fragment = document.createDocumentFragment(); // Optimisation DOM results.forEach(result => { const item = document.createElement('div'); item.classList.add('autocomplete-item'); item.textContent = result; item.addEventListener('click', () => { input.value = result; dropdown.classList.add('hidden'); }); fragment.appendChild(item); }); dropdown.appendChild(fragment); } else { dropdown.innerHTML = '
Aucun résultat trouvé.
'; } }, 300); }); document.addEventListener('click', (e) => { if (!input.contains(e.target) && !dropdown.contains(e.target)) { dropdown.classList.add('hidden'); } }); } setupAutocomplete('activity-input', 'activity-dropdown', 'get_activities.php'); setupAutocomplete('city-input', 'city-dropdown', 'get_cities.php'); }); // Références aux éléments du DOM const statusDisplay = document.getElementById('status-display'); const locateButton = document.getElementById('locate-button'); const loadingSpinner = document.getElementById('loading-spinner'); const resultBox = document.getElementById('result-box'); const latitudeSpan = document.getElementById('latitude'); const longitudeSpan = document.getElementById('longitude'); const accuracySpan = document.getElementById('accuracy'); const buttonText = document.getElementById('button-text'); /** * Met à jour le statut affiché dans la boîte d'information. * @param {string} message - Le message à afficher. * @param {string} type - Le type de message ('info', 'success', 'error'). */ function updateStatus(message, type = 'info') { statusDisplay.style.display = "block"; statusDisplay.innerHTML = message; statusDisplay.className = 'p-4 rounded-lg text-sm text-center'; resultBox.classList.add('hidden'); switch (type) { case 'success': statusDisplay.classList.add('bg-green-50', 'border', 'border-green-200', 'text-green-800'); break; case 'error': statusDisplay.classList.add('bg-red-50', 'border', 'border-red-200', 'text-red-800'); break; case 'info': default: statusDisplay.classList.add('bg-blue-50', 'border', 'border-blue-200', 'text-blue-800'); break; } } /** * Gère la réussite de la géolocalisation. * @param {GeolocationPosition} position - L'objet de position retourné par l'API. */ function success(position) { locateButton.disabled = false; loadingSpinner.classList.add('hidden'); buttonText.textContent = 'Relancer la Géolocalisation'; const lat = position.coords.latitude.toFixed(6); const lon = position.coords.longitude.toFixed(6); const acc = position.coords.accuracy.toFixed(2); latitudeSpan.textContent = lat; longitudeSpan.textContent = lon; accuracySpan.textContent = `${acc} m`; //updateStatus(`Localisation réussie ! Vos coordonnées sont affichées ci-dessous.`, 'success'); resultBox.classList.remove('hidden'); window.location = "/recherche_gps.php?lat="+lat+"&lon="+lon }/** * Définit l'action de rechargement du bouton après un refus de permission. */ function setReloadButtonAction() { locateButton.setAttribute('onclick', 'window.location.search = \'?get_gps=1\''); } function getDeviceType() { const ua = navigator.userAgent; // 1. Détection Android if (/Android/i.test(ua)) { return "Android"; } // 2. Détection iOS (iPhone, iPod, iPad classique) // 'i' rend la recherche insensible à la casse (maj/min) if (/iPhone|iPad|iPod/i.test(ua)) { return "iOS"; } // 3. Détection iPad OS 13+ (Le Piège !) // Depuis iOS 13, les iPad se déclarent comme des Mac (MacIntel). // On vérifie s'il y a un écran tactile (maxTouchPoints > 1) pour faire la différence. if (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1) { return "iOS"; // C'est un iPad } // 4. Tout le reste est considéré comme PC/Desktop (Mac, Windows, Linux) return "PC"; } /** * Gère l'échec de la géolocalisation. * @param {GeolocationPositionError} error - L'objet d'erreur retourné par l'API. */ function error(err) { locateButton.disabled = false; loadingSpinner.classList.add('hidden'); buttonText.textContent = 'Me Localiser'; let errorMessage = "Erreur inconnue."; let troubleshooting = "Vérifiez que votre connexion Internet est stable."; let devicetype = getDeviceType(); switch (err.code) { case err.PERMISSION_DENIED: setReloadButtonAction(); errorMessage = "Accès refusé (Code 1) : Vous devez autoriser le navigateur à accéder à votre position."; if(devicetype === 'iOS'){ // DÉTECTION SPÉCIFIQUE IOS POUR LE MESSAGE D'AIDE troubleshooting = '

Allez dans Réglages > Confidentialité et sécurité > Service de localisation. Sélectionnez Safari (ou votre navigateur) et cochez "Lorsque l\'app est active".'; }else if (getDeviceType() === 'Android') { // Texte Spécifique Android troubleshooting = '
1. Activez la "Position" (📍) dans le menu rapide du haut.
2. Si cela échoue, vérifiez que Chrome a la permission : Paramètres > Applis > Chrome > Autorisations.'; } else { // Texte par défaut (PC/Mac) troubleshooting = 'Cliquez sur le cadenas 🔒 à gauche de l\'adresse URL et autorisez la localisation, ou vérifiez les préférences de votre navigateur.'; } break; case err.POSITION_UNAVAILABLE: errorMessage = "Position indisponible (Code 2) : Impossible de déterminer votre position."; troubleshooting = "Ceci peut se produire si votre appareil n'a pas de signal GPS ou si vous êtes dans un environnement sans Wi-Fi/données mobiles."; break; case err.TIMEOUT: errorMessage = "Délai expiré (Code 3) : La recherche de position a pris trop de temps."; troubleshooting = "Essayez de vous déplacer vers un endroit avec un meilleur signal ou une meilleure connexion."; break; default: errorMessage = `Erreur : ${err.message}`; troubleshooting = "Veuillez vérifier les points ci-dessus."; break; } updateStatus(`${errorMessage}

Solution : ${troubleshooting}`, 'error'); } /** * Lance le processus de géolocalisation. */ function getGeolocation() { if (!navigator.geolocation) { updateStatus("Votre navigateur ne supporte pas l'API de géolocalisation.", 'error'); return; } // Désactivation du bouton et affichage du spinner locateButton.disabled = true; loadingSpinner.classList.remove('hidden'); //updateStatus("Lancement de la requête de géolocalisation...", 'info'); // Options de la requête de géolocalisation const options = { enableHighAccuracy: true, // Haute précision timeout: 15000, // 15 secondes avant le TIMEOUT maximumAge: 0 // Ne pas utiliser de position mise en cache }; navigator.geolocation.getCurrentPosition(success, error, options); } // Message initial //updateStatus("Bienvenue. Cliquez sur le bouton pour tester votre géolocalisation.");