Affichage d'informations au survol d'une carte

Version imprimable

16/03/2012, 09h00
Taylorised

Affichage d'informations au survol d'une carte

Bonjour à tous,

Désolé d'avance si je ne postes pas dans la partie adéquate mais je savais pas vraiment où poster !

Voila je vous explique mon problème :

Je suis en train de réaliser un système d'informations géographiques, j'arrive à afficher un lieu avec sa carte dans mon application, j'arrive également à ajouter sur la carte des points d'intérêt avec la méthode paintpoint. J'aimerais pouvoir afficher le nom du point d'intérêt lorsque je le survol sur la carte, or je n'ai pas trouvé de tutoriel pour effectuer cette fonctionnalité.

Auriez vous des pistes de solutions ?

D'avance merci.
16/03/2012, 09h19
wax78

Avec quel API tu gères la carte parce que sans ca ou un morceau de code ca va être compliqué.

L'API est awt, voici le code pour afficher la carte et peindre un point d'intérêt :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
package affichage;
 
import java.awt.Graphics;
import java.awt.Image;
import java.io.File;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
 
import javax.imageio.ImageIO;
import javax.swing.JPanel;
 
import traitement.POI;
 
public class Carte extends JPanel {
 
	private static final long serialVersionUID = 1L;
 
 
	/*** DESSINER UN OBJET ***/
 
 
    POI poi1 = new POI("blabla", "paris je t'aime", "description",100,100);
 
 
	public void paintComponent(Graphics g){
        try {
            Image img = ImageIO.read(new File("images/londres.jpg"));
            g.drawImage(img, 0, 0, this);
            paintPoint(g, 30,30);
 
 
    } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
    }
 
    }   
 
 
 
 
 
    // dessiner une POI
    public void paintPoint(Graphics x, int positionX, int positionY){
 
     try {
            Image img = ImageIO.read(new File("images/POI.gif"));
            x.drawImage(img, positionX, positionY, this);
 
    } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
    }
 
 
    }    
 
	/*
 
    // dessiner une POI
    public void paintPoint(Graphics x, POI p){
    	
    	
    	int positionX = p.getPositionX();
    	int positionY = p.getPositionY();
     try {
            Image img = ImageIO.read(new File("images/POI.gif"));
            x.drawImage(img, positionX, positionY, this);
                        
    } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
    }
 
        
    }    */
 
}

16/03/2012, 09h46
wax78

Si tu veux juste afficher son nom, il suffit d'utiliser dans ta fonction d'affichage :

Code:

x.DrawString("String", positionx, positiony);
16/03/2012, 11h15
Taylorised

C'est un premier pas, au dessus du POI dessiné sur la carte "String" s'affiche, merci beaucoup.

Cependant ce n'est que le début ! En effet, je dois récupérer le String en base (ça pas de problèmes) mais je voudrais que le String s'affiche uniquement lorsque la souris survole le POI sur la carte, aurais tu une idée ? (Ouais je sais, jamais content ^^)
16/03/2012, 11h22
wax78

Tu pourrais :

- Au moment du mousemoved,regarder la position de la souris et des different POI que tu as et tu en selectionne un (en la gardant dans une variable genre POI_Selection) qui est pres de la souris ou je ne sais quoi.
- Ensuite, Quand tu affiche les POI alors tu regarde si le POI que tu dessine est == au POI_Selection et alors tu le dessien d'une autre couleur (j'invente la)
16/03/2012, 11h31
Taylorised

En fait lorsqu'on demande l'affichage d'un lieu, les POI associés s'affichent directement sur la carte, ça c'est ok, et ce que je veux ce n'est pas de montrer un POI d'une autre couleur mais en gros que lorsque la souris passe sur un POI affiché sur la carte, le nom qui est associé à ce POI s'affiche au dessus de lui (je sais pas si tu vois ce que je veux dire, demande moi si tu veux plus d'explications)
16/03/2012, 11h56
wax78

Non non moi j'ai tres bien compris ^^

Par contre toi tu ne sembles pas avoir compris ce que je disait c'etait la solution pour ton truc.
16/03/2012, 12h43
Taylorised

Hmmm effectivement je n'ai pas bien du comprendre, pourrais-je avoir de plus amples explications stp ? Merci ^^'

La solution de wax78 est jouable uniquement si tu n'as pas beaucoup de points à afficher et aussi en fonction de la machine qui va exécuter le programme.

Par contre, tu ne devrais pas charger l'image dans le paintComponent. Ce n'est pas son rôle. Tu devrais stocker un BufferedImage en donnée membre de ta classe.
Une seconde BufferedImage serait celle à afficher.
Exemple simple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 ma classe { BufferedImage mon_image; BufferedImage image_affiche; void modifier_image_de_fond() { mon_image = ImageIO.read( ... ); } void compute_image( des parametres... ) { image_affiche.getGraphics().drawImage( mon_image ); //ajouter des trucs et des bidules sur image_affiche } void paintComponent( Graphics g ) { g.drawImage( image_affiche ); } }
La méthode compute_image permet de reconstruire l'image à afficher. Il suffirait par exemple de lui donner la chaine et les coordonnées à afficher.

Pour la recherche des coordonnées de souris, il y a la méthode classique et très efficace du masque. De manière basique, il faut construire une image off_image de même taille que celle affichée. off_image est une image en noir et blanc : le noir signifie rien à afficher, le blanc signifie une chaine à afficher.
off_image peut être construite dynamiquement ou statiquement une fois pour toute si ton image affichée est statique.
Lors d'un mouvement de souris, on vérifie simplement la couleur du pixel de off_image aux coordonnées de la souris. Si c'est blanc, alors on cherche le texte dans une liste associant des chaines à des coordonnées, si c'est noir on ne fait rien.

De cette solution, on peut tirer énormément d'amélioration :

très souvent inutile d'avoir une off_image de taille égale à l'image affichée. Il suffit de diviser toutes les dimensions par 2 ou 4 selon la taille des zones à reconnaitre par la souris. On réduit ainsi la taille mémoire utilisée,
au lieu de faire blanc/noir sur off_image, autant utiliser les 3 octets de chaque pixel (RVB) et coder chaque zone différente d'une couleur différente. Une liste associe un entier à une chaine,
s'il y a plus de 16 millions de chaines, il est possible de coder sur 4 octets (RVB + alpha) pour arriver à 4 milliards ;-)