Rendre invisible un seul point d'une couche

**kiouz** · 25/08/2010, 10h17

Bonjour à tous

J'essaie de bidouiller quelques interactions entre ma carte et le reste de la page. J'ai donc une couche composée de quelques points (OpenLayers.Geometry.Point).
J'ai affecté à cette couche un style (du coup, une image pour tous ces points) via un feature.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
var proj_src = new OpenLayers.Projection("IGNF:RGF93G");
var proj_tgt = new OpenLayers.Projection("IGNF:GEOPORTALFXX");
p_1.transform(proj_src,proj_tgt);

var style = {"externalGraphic" : "icon.gif", "graphicWidth" : 10, "graphicHeight" : 10, "graphicOpacity" : 1};

var feature = new OpenLayers.Feature.Vector(p_1, {}, style);
feature.state = 'Insert';
feature.content = "contenu";
feature.fid = "points__id";

pointsLayer.addFeatures(feature);

J'arrive bien à cacher et afficher tous les points de ma couche, avec setVisibility. Mais lorsqu'on veut cacher un point seulement (lors du clic sur un case à cocher par exemple), comment s'y prendre ?
J'ai essayé de changer le style de seulement ce point mais je n'y arrive pas

Des idées ?

**kiouz** · 25/08/2010, 12h00

Oups, désolé, après avoir avoir passer des heures à chercher, notamment du côté de Rule, je me suis rendu compte que j'avais fait une faute de frappe dans le nom de mon point ...

Pour info, juste créer un style temporaire suffi, même pas besoin de redraw

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var styleTemp = {"display" : "none"};
        
        var featTemp = new OpenLayers.Feature.Vector(p_1, {}, styleTemp);
        pointsLayer.addFeatures([featTemp]);

**kiouz** · 30/08/2010, 12h59

Grrrrrrrr, j'avais pas fait gaffe mais lorsque j'affiche des points avec cette technique (recréer le feature de chaque point en AJAX) et je me déplace dans la carte, mes points disparaissent au retour du clic !!!

Par contre, si je zoome, ils restent en place. Si je décoche et que je recoche la checkbox faisant apparaitre ce point, il revient bien, ce qui veut dire qu'il n'avait été effacé que "visuellement".

Que fais le redraw de l'API pour m'effacer ainsi mes points au déplacement de la carte ?

**dgrichard** · 30/08/2010, 13h30

Envoyé par kiouz

Grrrrrrrr, j'avais pas fait gaffe mais lorsque j'affiche des points avec cette technique (recréer le feature de chaque point en AJAX) et je me déplace dans la carte, mes points disparaissent au retour du clic !!!

Par contre, si je zoome, ils restent en place. Si je décoche et que je recoche la checkbox faisant apparaitre ce point, il revient bien, ce qui veut dire qu'il n'avait été effacé que "visuellement".

Que fais le redraw de l'API pour m'effacer ainsi mes points au déplacement de la carte ?

Rien de spécial ...
Il me semble que j'ai eu à faire cela, j'ai juste modifié l'état de l'objet :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
feature.state= OpenLayers.State.DELETE;

Dans ce cas là, le style par défaut d'OpenLayers ("delete") est display:none

Peut-être est-ce la bonne piste

**kiouz** · 30/08/2010, 15h15

Désolé, je comprends mal, juste de mettre feature.state = OpenLayers.State.DELETE; au point le rend invisible ?

Si c'est le cas, ca ne marche absolument pas pour moi. Je ne vois pas trop comment faire

**dgrichard** · 30/08/2010, 15h30

Envoyé par kiouz

Désolé, je comprends mal, juste de mettre feature.state = OpenLayers.State.DELETE; au point le rend invisible ?

Si c'est le cas, ca ne marche absolument pas pour moi. Je ne vois pas trop comment faire

As-tu redessiné la couche

, l'affectation ne suffit pas ...

**kiouz** · 30/08/2010, 15h56

Du genre "layer.redraw();" ?

**kiouz** · 30/08/2010, 16h08

Le problème de cette technique, c'est que je génère le position de mes points en AJAX. Donc, les variables ne sont pas déclarées dans le JS de la page mais via un appel AJAX.

Du coup, quand je tente un feature.state = OpenLayers.State.DELETE au moment où je clique sur ma checkbox, il me dit "feature is not defined" ...

Il n'y a pas de possibilité de changer le feature en utilisant son id (car j'en ai mis un différent pour chaque point) ?

**dgrichard** · 30/08/2010, 16h24

Envoyé par kiouz

Le problème de cette technique, c'est que je génère le position de mes points en AJAX. Donc, les variables ne sont pas déclarées dans le JS de la page mais via un appel AJAX.

Du coup, quand je tente un feature.state = OpenLayers.State.DELETE au moment où je clique sur ma checkbox, il me dit "feature is not defined" ...

Il n'y a pas de possibilité de changer le feature en utilisant son id (car j'en ai mis un différent pour chaque point) ?

Si, bien sûr, mais je ne vois pas le problème ...

**dgrichard** · 30/08/2010, 16h25

Envoyé par kiouz

Du genre "layer.redraw();" ?

oui

**kiouz** · 30/08/2010, 16h47

Après une série de console.log, j'ai bien vérifié que le feature.state était bien à INSERT à la création, puis lorsque je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
feature.state = OpenLayers.State.DELETE;
layer.redraw();

Il passe bien à "delete" mais c'est pas pour autant que le point disparait

**dgrichard** · 30/08/2010, 18h08

Envoyé par kiouz

Après une série de console.log, j'ai bien vérifié que le feature.state était bien à INSERT à la création, puis lorsque je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
feature.state = OpenLayers.State.DELETE;
layer.redraw();

Il passe bien à "delete" mais c'est pas pour autant que le point disparait

Un Url ?

**kiouz** · 30/08/2010, 18h13

En fait, il recréait une feature à chaque clic, d'où le fait que ca change rien ...

Par contre, en faisant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

feature.style = "display : none";layer.redraw();'

Il plante que sous IE, pas sous FF ou Chrome. Il m'écrit sous IE :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
Ligne: 111
Caractère: 163809
Code: 0
Message d'erreur: Argument non valide.
URL: http://api.ign.fr/geoportail/api/js/1.0/GeoportalExtended.js

et sous Firebug :
"Valeur undefined inattendue lors de l'analyse de l'attribut r."

Sachant que j'ai la version compressée de l'API, je peux pas trop voir d'où ca peut venir

Des idées ?

PS : pas possible de donner une URL car c'est dans un intranet

**dgrichard** · 30/08/2010, 18h18

Envoyé par kiouz

En fait, il recréait une feature à chaque clic, d'où le fait que ca change rien ...

Par contre, en faisant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

feature.style = "display : none";layer.redraw();'

Il plante que sous IE, pas sous FF ou Chrome. Il m'écrit sous IE :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
Ligne: 111
Caractère: 163809
Code: 0
Message d'erreur: Argument non valide.
URL: http://api.ign.fr/geoportail/api/js/1.0/GeoportalExtended.js

et sous Firebug :
"Valeur undefined inattendue lors de l'analyse de l'attribut r."

Sachant que j'ai la version compressée de l'API, je peux pas trop voir d'où ca peut venir

Des idées ?

PS : pas possible de donner une URL car c'est dans un intranet

Normal, style est un objet de type OpenLayers.Style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
feature.style= new OpenLayers.Style({display:none});
layer.redraw();

Par contre, je ne comprends toujours pas la relation entre l'application web et le serveur ...

**kiouz** · 31/08/2010, 09h56

Merci ca fonctionne maintenant

Au niveau de l'appli, j'ai créé des checkbox externes à la carte permettant de filtrer l'affichage des points d'une même couche suivant certains paramètres, ce qui permet à l'utilisateur d'affiner ses choix.
Le tout en AJAX pour ne pas avoir à valider ses choix mais que ca se fasse tout seul

En tout cas, merci pour le coup de main car j'ai beau me ballader sur le Net et sur la doc OpenLayers, j'arrive pas forcément à trouver toutes les infos qu'il me faut. La principale difficulté étant déjà de savoir ce qui est possible de faire "nativement" ou pas.
Car naturellement, il y a autant de façon de bidouiller que de programmeur

D'ailleurs, si tu as en stock des liens vers de bons tutos ou de bonnes docs, je suis preneur

A bientôt

**dgrichard** · 31/08/2010, 11h39

Envoyé par kiouz

D'ailleurs, si tu as en stock des liens vers de bons tutos ou de bonnes docs, je suis preneur

Le site le plus "complet" que j'ai eu à faire ces derniers temps est celui-là : http://geodesie.ign.fr/fiches/
Il contient un mécanisme de sélection/désélection d'objets pour le panier, un mécanisme de page à imprimer, du WMS, du WFS, bref plein de trucs !

**kiouz** · 31/08/2010, 15h58

Ok merci pour l'info, effectivement c'est sympa !

Rendre invisible un seul point d'une couche

IGN API Géoportail

Discussions similaires

Partager

Partager