double click plutot que click

Version imprimable

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:

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 :D) pour remplacer ce clic par un double-clic?

Bonjour Christian,

le code suivant devrait faire le boulot :

Code:

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:

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

31/03/2015, 16h17
cmail

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

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:

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 :calim2:, 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?

08/04/2015, 19h40
cmail

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

quelques idées...

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:

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

16/04/2015, 11h34
cmail

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??
20/04/2015, 13h47
lboulanger

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
21/04/2015, 11h50
cmail

Citation:

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.

Citation:

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é...
03/05/2015, 17h29
cmail

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

petite piste

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:

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