Version complète: sur le forum Webmaster Hub : curseur de date avec google maps
Webmaster Hub > Création et exploitation de Sites Internet > Les fondations d'un site
Rem5962
jeudi 15 mai 2008 à 19:20
Bonjour,

En visitant le site http://www.vetete.com/, je suis tombé sur une fonctionnalité particulièrement interressante intégré à google maps

CITATION
NOUVEAU ! Vous pouvez sélectionner la période de dates à rechercher en déplaçant le curseur sur le calendrier ci-dessous, ou déplacer ses poignées pour étendre la période. Si plus de 100 résultats sont retournés, la période est automatiquement réajustée. Essayez pour voir !


Pouvez vous me dire comment intégrer ceci à ma carte google (liens ?) ?

Merci d'avance
petit-ourson
jeudi 15 mai 2008 à 20:27
Ce n'est pas une fonctionnalité de Google Maps, mais une fonctionnalité du site qui met à jour la carte en fonction des dates.
Rem5962
jeudi 15 mai 2008 à 20:48
et comment fait-on cela ?
petit-ourson
jeudi 15 mai 2008 à 21:06
Du javascript et du javascript et un peu de langage dynamique côté serveur. ;o)
Rem5962
jeudi 15 mai 2008 à 21:17
Ou pourrais je trouver des infos pour réaliser cela ?
petit-ourson
jeudi 15 mai 2008 à 21:58
Le plus dur est la mise en place du curseur.

Un exemple :

http://docs.jquery.com/UI/Slider

Une fois trouvé, il suffit de l'intégrer à ton site. Désolé, je ne me lancerai pas dans des explications complètes (trop longues).
Rem5962
dimanche 18 mai 2008 à 16:02
Y a t-il une bonne âme qui pourrait me créer la même chose pour ma carte
http://coursenor.free.fr/carte.htm

?
Dadou
dimanche 18 mai 2008 à 18:12
Tu plaisantes j'espère, ce forum n'est pas la pour faire les scripts à ta place, mais pour t'aider à trouver comment faire, petit-ourson t'a donner un lien pour le slider
Rem5962
dimanche 18 mai 2008 à 19:13
j'ai regardé. Faire le curseur n'est pas le plus dur. C'est le fait de bouger le curseur qui fait changer les points sur la carte qui est extremement difficile.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.