Discussion :

[Felix7942]

Bonjour,

Je souhaiterai savoir s'il était possible d'attraper l'événement au click d'un marker ajouté via l'API IGN v3 pour Open Layers 3 lorsqu'aucun outil d'édition n'est sélectionné.

J'ai testé avec :

Code :

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

1
2
3
4
5
6
7
ol.map.getViewport().addEventListener("click", function(e) {
                    ol.map.forEachFeatureAtPixel(AppComponent.map.getEventPixel(e), function(feature, layer) {
                        if(layer){
                            //console.log(feature);
                        }
                    });
                });

Mais celui-ci se déclenche que les outils d'édition soient sélectionnés ou non. En outre si deux markers se superposent, l'événement est déclenché à chaque fois.
Savez-vous s'il y aurait une possibilité pour faire autrement ?

D'avance merci

[lboulanger]

Bonjour,

Mais celui-ci se déclenche que les outils d'édition soient sélectionnés ou non.

Une piste serait de vérifier si d'autres interactions de type "select" sont actives sur la couche des outils de dessin, ou encore d'associer vous-même des écouteurs d'événement au clic sur les boutons d'activation des modes d'édition, et de les capturer pour déterminer si vous êtes en mode édition ou non.

En outre si deux markers se superposent, l'événement est déclenché à chaque fois.
Savez-vous s'il y aurait une possibilité pour faire autrement ?

Si vous utilisez ol.map.forEachFeatureAtPixel, le callback sera en effet appelé pour chaque feature, donc chaque marker.
D'après la documentation d'Ol3, il est possible de spécifier une couche spécifique (option layerFilter), si les markers proviennent de couches différentes.
Si vous souhaitez afficher seulement l'information du premier marker retourné par la fonction, vous pouvez gérer un compteur (ex. var i=0; ), à incrémenter à chaque appel du callback, et n'exécuter votre fonction que pour le premier élément retourné.

[Felix7942]

Merci beaucoup !

Si ça peut intéresser du monde, voilà le code final :

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
map.on('singleclick', function(evt) {
                    var noInteraction = true;
                    map.getInteractions().forEach(function(interaction) {
                        if (interaction instanceof ol.interaction.Select
                            || interaction instanceof ol.interaction.Modify
                            || interaction instanceof ol.interaction.Draw) {
                            noInteraction = false;
                        }
                    });
                    if (noInteraction) {
                        var feature = map.forEachFeatureAtPixel(evt.pixel,
                            function(feature, layer) {
                                return [feature, layer];
                            });
                        if (feature) {
                            console.log(feature);
                        }
                    }
                });