double click plutot que click

**cmail** · 30/03/2015, 08h29

Jusqu'à présent j'utilisais le clic sur les "feature" pour déclencher une action sur le modèle appris via ce forum du genre:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 clickCtrlOpts = OpenLayers.Util.extend(viewer.getMap().getPopupDefaults('KML'), {        onSelect: clicCommune,
          autoActivate: true,
        handlersOptions: {
            feature: {
                stopDown: false 
            }
        }
    });


    clickCtrl = new OpenLayers.Control.SelectFeature([layerCommune], clickCtrlOpts);


    viewer.getMap().addControl(clickCtrl);

Comment dois-je procéder (d'une manière concrète avec donc quelques lignes de code

) pour remplacer ce clic par un double-clic?

**gcebelieu** · 31/03/2015, 13h53

Bonjour Christian,

le code suivant devrait faire le boulot :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
    clickCtrlOpts = OpenLayers.Util.extend(viewer.getMap().getPopupDefaults('KML'), {        
          // onSelect: clicCommune,
          callbacks: {
              // branche le dblclick sur le callback clicCommune
              dblclick: clicCommune,
              // desactive la gestion du click par defaut
              click: null,
          },
          autoActivate: true,
          handlersOptions: {
            feature: {
                stopDown: false 
            }
        }
    });


    clickCtrl = new OpenLayers.Control.SelectFeature([layerCommune], clickCtrlOpts);

Remarque : j'ai enlevé le onSelect car dblclick est branché directement sur ta fonction clicCommune. Sinon, il aurait fallu mettre :

Code :

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

1
2
3
4
5
6
7
8
   onSelect: clicCommune,
   callbacks : {
       dblclick : function(feat) {
           this.select(feat) ;
       },
       clic: null
   }

**cmail** · 31/03/2015, 16h17

Je teste tout cela et je reviens ici après pour en tirer des conclusions....

**cmail** · 01/04/2015, 08h31

Gilles,

Ok pour ton retour. Mais cela amène d'autres questions:

Sur ton modèle, j'essaye d'avoir le click et le doubleclick de cette manière:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
clickCtrlOpts = OpenLayers.Util.extend(viewer.getMap().getPopupDefaults('KML'), {                  callbacks: {
              // branche le dblclick sur le callback clicCommune
              dblclick: dblclicCommune,
              // desactive la gestion du click par defaut
              click: clicCommune
          },
          autoActivate: true,
          handlersOptions: {
            feature: {
                stopDown: false 
            }
        }
    });

Cela fonctionne bien sauf que lors du doubleclick, j'ai bien dblclicCommune mais aussi (naturellement !) deux fois la function clicCommune qui se lance.
1/ J'ai cherché dans la doc ol (http://dev.openlayers.org/docs/files...l-js.html#Util) pour voir comment faire correctement cette distinction entre clic et dblclic. Mais comme cela m'arrive souvent avec la doc ol

, je n'arrive même pas à remonter à la description de OpenLayers.Util.extend() pour voir si handlersOptions pourrait m'offrir un paramètrage correct...
2/ Bref, comment ferais-tu pour résoudre ce conflit?

**cmail** · 08/04/2015, 19h40

Des conseils me seraient utiles pour limiter correctement l'appel du click lors du dblclic...

**lboulanger** · 13/04/2015, 19h04

Bonjour,

Après une petite recherche, il semblerait que OpenLayers.Handler.Click permet de contrôler la prise en compte (ou non) d'un clic lors d'un double click, notamment avec les propriétés 'stopDouble' et 'stopSingle'.

C'est ce qui semble être utilisé ici ou encore ici, même si ce sont des cas plus simple (évènement clic en général et non simplement sur des features KML).

Dans votre cas, ces options pourraient peut-être être passées dans handlersOptions :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
clickCtrlOpts = OpenLayers.Util.extend(viewer.getMap().getPopupDefaults("KML"), {
    callbacks:{
         // branche le dblclick sur le callback dblclicCommune
         dblclick: dblclicCommune,
         // branche le click sur le callback clicCommune
         click: clicCommune
    },
    handlersOptions: {
        feature: {stopDown: false},
        single: true,
        double: true,
        stopSingle: true,
        stopDouble: true
    },
    autoActivate: true
});

(non testé).

J'espère que ça pourra vous aider un peu,

Laurane

**cmail** · 16/04/2015, 11h34

Merci Laurane de t'être penchée sur mon problème.

J'avais essayé d'adapter ta première référence sur http://gis.stackexchange.com/ mais sans bon résultat avant de lancer ce débat. Il faudra que j'y retourne s'il faut absolument surcharger OpenLayers.Handler.Click...

J'ai suivi tes conseils sur cette page http://essai.obs43.fr/essai2015-4.htm mais le double clic n'est pas détecté... >> Comment rendre actif simplement les handlersOptions??

**lboulanger** · 20/04/2015, 13h47

Bonjour,

Tout d'abord, dans la page http://essai.obs43.fr/essai2015-4.htm, l'alert dans la fonction clicCommune se lance dès le clic, donc interrompt un double clic, c'est pour ça que la fonction dblclicCommune() ne se lance pas.
Si on remplace l'alert par un simple console.log, on peut voir dans la console que le double clic est bien détecté.

Malheureusement, le clic est en effet toujours doublement détecté aussi.

La surcharge d'OpenLayers.Handler.Click, comme dans les exemples qu'on a cité, permet en effet de gérer le double clic sur la carte, en détectant bien les deux évènements séparément.
Mais je n'ai pas encore trouvé l'astuce qui permet d'associer cette gestion du double clic à la sélection des features du KML (OpenLayers.Control.SelectFeature), ça semble plus compliqué.

En attendant, est-ce envisageable de contourner le problème ? (fonction lancée au survol (hover), affichage d'une popup...) Quelle était l'idée derrière l'utilisation du clic ET du double clic ?

Laurane

**cmail** · 21/04/2015, 11h50

En attendant, est-ce envisageable de contourner le problème ? (fonction lancée au survol (hover), affichage d'une popup...)

Pas vraiment, à moins d'ignorance de ma part. J'utilise déjà le hover sur des feauture kml qui affiche des popup... Le clic renvoie sur une carte à l'échelle plus fine, avec d'autres fonctions (voir obs43.fr) plus ciblées.

Quelle était l'idée derrière l'utilisation du clic ET du double clic ?

Mon problème est le passage à des écrans tactiles (tablettes). Actuellement dans le cadre des tablettes, le hover du doigt sur l'api équivaut à un clic. Pour contourner ce problème, l'idée était donc de remplacer toutes les fonctions lancées initialement par le clic, par un double clic. Ainsi l'ambiguité entre hover sur tablette et clic aurait été levé...

**cmail** · 03/05/2015, 17h29

Pas pressé, mais ne m'oubliez-pas....

**lboulanger** · 04/05/2015, 14h12

Si on suit l'exemple qui est donné dans la première réponse à ce post, on peut gérer le clic ET le double clic séparément pour la sélection des communes du KML :

Code :

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

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
// Add a select control (note: this control is added to the map, but is disabled)
var selectControl = new OpenLayers.Control.SelectFeature(
    layerCommune1,
    // SelectFeature options
    {}
); 

// add control to the map
viewer1.getMap().addControl(selectControl);

// Handler to intercept click.
handler = new OpenLayers.Handler.Click(
    selectControl,  // The select control
    // callbacks options
    {
        click: function(evt){
            var feature = this.layer.getFeatureFromEvent(evt);
            clicCommune(feature);
        },
        dblclick: function(evt){
            var feature = this.layer.getFeatureFromEvent(evt);
            dblclicCommune(feature);
        }
    },
    //  handlerOptions
    {
        single: true,
        double: true,
        stopDouble: true,
        stopSingle: true
    }
);

// select.activate();  // The select control must NOT be active
handler.activate();    // The handler will handles the click events for the select control

Par contre, le control semble être maintenant associé aussi à la carte (lancement de la fonction clicCommune au clic sur la carte..) Il faudrait regarder comment gérer ce conflit...

Laurane

double click plutot que click

IGN API Géoportail

Discussions similaires

Partager

Partager