Discussion :

[morgan47]

Bonjour à tous,

je vous explique ce que je dois réaliser :

J'ai en image une carte du département, et je dois réaliser un mini "google map"
Je m'explique :
Il doit être possible lorsque l'on clique à un endroit donnée de la carte de rajouter des informations à cette endroit.
Sur ce point je pense que je pourrai y arrivé avec une option ismap de la balise img et ensuite un traitement php/sql pour enregistrer les informations.

Cependant, pas la suite, je dois rajouter ces points sur l'image de la carte et c'est la que je sèche. il doit y avoir un points et lorsque l'on clique sur ce point, un infobulle affichant les informations s'affiche.

Pour ce second points je ne sais pas du tout comment faire cela ni quel langage utiliser.

Auriez vous des idées ou des indices?

Je vous remercie par avance.
Cordialement,
Morgan

[NoSmoking]

Bonjour,
cela ressemble à ce que permet l'API googleMap, d'autres doivent le proposer également d'ailleurs.

En pure HTML il te faut regarder du coté des MAP et AREA et/ou utiliser le gestionnaire d'événement, sous javascript, et notamment onclick sur les éléments.

Concernant l'ajout de point, une IMG en superposition devrait faire l'affaire.

[morgan47]

Oui c'est en effet ce que propose google map, mais l'utilisation est prévu pour fonctionner en intranet sans accès à internet.

Une image en superposition? comment ça?

[Bovino]

Un petit tuto en avant-première : Une image map avec des infobulles CSS3 et jQuery

[morgan47]

Bonjour,
Je n ai pas utilisé jquery mais je m'en suis inspiré pour faire ce que je voulais.

Je positionne simplement un div avec un style Left et top .

Cependant je rencontre un problème, comment faire lorsque 2 div se superposent? Je voudrais faire un déport, mais comment détecter cette superposition?
Merci d'avance

[NoSmoking]

Connaissant la position x/y et la largeur/hauteur des 2 DIV il est aisé de savoir si il y a chevauchement.

SI X2 SUP X1+L1 OU X2 INF X1-L2 ALORS
  SUPER pas de chevauchement horizontal
FIN SI

même approche pour le vertical.

[morgan47]

Merci pour ta réponse, mais dans la pratique il n'y a pas que 2 divs, mais plusieurs en fonction de la carte affichée.
Ces données sont extraite d'une base de donnée.

[v1cent]

et bien tu fais ça sur chacune de tes divs ...

[NoSmoking]

Une des limites que tu risques de rencontrer et le recouvrement après un traitement de recouvrement, donc il y risque d'y avoir du récursif.

Un solution peut être un regroupement, mais quoiqu'il arrive il y à de la gestion dans l'air

[morgan47]

J'avoue que la je patauge dans la semoule comme on dit.

[NoSmoking]

J'avoue que la je patauge dans la semoule comme on dit.

c'est un peu faible comme information pour que l'on puisse continuer à t'aider.