Forum d'entraide PHPFrance

Bonjour,

je cherche à faire changer le contenu des cartes google affichées en fonction de l'échelle choisie par le visiteur.
Voici la page: http://plongee.rcmission.net/Ecoles/

Cette page devrait afficher toutes les écoles de plongée du Québec.
J'aimerais aussi y afficher les sites de plongée, mais c'est trop chargé lorsque la carte présente la vallée du St-Laurent en entier.
En contre-partie, il serait intéressant d'avoir les sites de plongées près des boutiques ou écoles lorsque nous n'avons qu'une ou deux boutique(s) affichée(s) sur la carte; c'est-à-dire, lorsque l'échelle est assez réduite pour obtenir une image focalisée sur une région ou une sous-région.

Bref:

• carte montrant tout le Québec -> afficher les écoles seulement

• carte montrant une région -> afficher écoles et sites de plongée

Savez-vous comment je pourrais faire?

tu recuperes le niveau de zoom de la carte et ses contours, tu envoies en javascript cela à un script de ton serveur, qui renvoie du json ou équivalent avec, selon le zoom, les écoles ou écoles et sites. ton javascript qui reçoit le json affiche le contenu qu'il reçoit, donc soit seulement les écoles, soit les écoles et sites.

un exemple concret :
http://randonnee.courir74.com/carte.php

C'est bien ce que je veux faire: récupérer le niveau de zoom et le contour de la carte, mais comment?
Je ne vois pas le code de la page à laquelle tu me réfères et puis ... je ne vois aucun changement au contenu quand j'agrandis ou réduis le zoom.

Wow! Merci. Je fouille ce lien. w3schools et mon site de référence. Étrange que je n'y pensasse pas.

Ce semblait bien, mais voilà qu'avec un peu de code ça ne fonctionne plus.
Voici mon code.

foreach ($LesPosi as $ind => $val) {
					echo 'Markons['.$ind.'] = new google.maps.Marker({ url: \'index.php?mod=Sites&fct=Details&Quel=\', clickable:true, position: Posi['.$ind.'], map: map, icon: "'.$Marque[$ind].'",  title: "Plus de détails sur '.$val.'"});
					google.maps.event.addListener(Markons['.$ind.'], \'click\', function () {InfoSuivante(\''.$LeType[$ind].'\', \''.$DestFctSuiv.'\', '.$idDest[$ind].'); });
					google.maps.event.addListener(Markons['.$ind.'], \'mouseover\', function () {Informe(1, \''.$val.'\', '.$ind.'); });
					google.maps.event.addListener(Markons['.$ind.'], \'mouseout\', function () {Informe(0, \''.$val.'\', '.$ind.'); });
					';
				}

Je suppose que « url : » est en quelque sorte annulé par « click »
Qu'en pensez-vous?
Que puis-je faire?

Merci encore de votre aide.

Merci à vous,

tout bêtement, j'ai confondu des objets. Il faut, pour atteindre mon objectif, travailler avec l'objets map et non avec les objets marker.