Discussion :

[ep_dev]

Bonjour,

Ma carte est composée de 2 layers. Layer 1 (au dessus) : les régions, layer 2 (en dessous) : les départements de cette région. Le layer départements doit afficher des infobulles et se peindre différemment au survol de la souris (hover). La surface du layer 1 est transparente, sa bordure est épaisse et noire laissant apparaître la couche de départements. Le layer 1 ne réagit pas au survol de la souris.

Cependant, le survol de la souris n'a aucun impact sur les polygones des départements, étant situés sous un polygone représentant la région.
J'ai alors pensé à intervertir la position des couches. Le cas échéant, les polygones départements réagissent au survol de la souris mais la bordure de la région aussi épaisse qu'elle soit perd sa couleur car elle se trouve sous la surface (opacité =0,7) des départements :


J'ai beau avoir recherché, scruté le net, je n'ai pas trouvé d'exemple similaire. Y a-t-il une solution à cette problématique ?

Merci d'avance pour votre aide,
Bien cordialement,
EP

[lboulanger]

Bonjour,

Tout d'abord, pouvez-vous nous préciser quelles librairies vous utilisez ? (API JS Géoportail v2, extensions Géoportail pour OpenLayers, OpenLayers, Leaflet, SDK Géoportail, ...)
Le fait de pouvoir interroger ou non une couche sous-jacente (ici les départements) dépend de la librairie utilisée.

L'échange des deux couches est une bonne solution de contournement, mais si les régions ne sont pas assez visibles c'est simplement une question de styles des limites des départements et des régions, il faudrait voir dans quelle mesure vous pouvez modifier les styles des couches que vous interrogez.

[ep_dev]

Bonjour,

Merci pour votre concours.
J'utilise API JS Géoportail v2.
Je déclare pas de style précisément. Je ne sais pas si cela peut vous éclairer mais je crée les polygones de cette façon :

new OpenLayers.Feature.Vector(polygonFeature.geometry.transform(new OpenLayers.Projection("EPSG:4326"), oMap.getMap().getProjectionObject())
, {
layerType: 'PG'
}
, {
fillColor: '#FA8072'
, fillOpacity:0.7
, strokeOpacity: 1
, strokeWidth: 1
, strokeColor: '#FA8072'
, strokeDashstyle: 'solid'
, fontFamily: "Times"
, fontColor: "Black"
, fontSize: 14
, labelOutlineColor: 'white'
, labelXOffset: 0
, labelYOffset: 0
, pointRadius: ''
, label:"61"
}));


Bien cordialement,
EP

[lboulanger]

Bonjour,

En fait, vous déclarez bien un style en créant votre couche c'est le troisième paramètre de la fonction OpenLayers.Feature.Vector(), qui est un objet avec différentes propriétés :

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
new OpenLayers.Feature.Vector(polygonFeature.geometry.transform(new OpenLayers.Projection("EPSG:4326"), oMap.getMap().getProjectionObject())
, {
layerType: 'PG'
}
, {
// ici les paramètres de votre style !
fillColor: '#FA8072' 
, fillOpacity:0.7
, strokeOpacity: 1 // transparence des tracés
, strokeWidth: 1 // épaisseur des tracés
, strokeColor: '#FA8072' // couleur des tracés
, strokeDashstyle: 'solid'
, fontFamily: "Times"
, fontColor: "Black"
, fontSize: 14
, labelOutlineColor: 'white'
, labelXOffset: 0
, labelYOffset: 0
, pointRadius: ''
, label:"61"
}));

Vous pouvez donc jouer sur ces styles, notamment les paramètres strokeOpacity (opacité des tracés) et strokeWidth (épaisseur des tracés) pour mieux visualiser les limites des départements et régions.

[ep_dev]

Bonjour et merci pour votre suivi,

Mes propos manquent de précision, veuillez m'en excuser.
J'utilise déjà les propriétés strokeOpacity et strokeWidth. Pour le layer des départements, même si strokeOpacity = 0 et strokeWidth = 0, le trait du layer des régions (placé dessous) apparaît dans la couleur de la surface du département au lieu de sa couleur d'origine qui est noire.
C'est ce que j'ai tenté d'expliquer dans mon premier message (2e photo) : [..]la bordure de la région aussi épaisse qu'elle soit perd sa couleur car elle se trouve sous la surface (opacité =0,7) des départements

Bien cordialement,
EP

[gcebelieu]

Bonjour,

J'attire votre attention sur le fait que l'API Géoportail v2 n'est plus maintenue par l'IGN et a été remplacée par de nouvelles APIs javascript exploitant les possibilités offertes par les nouvelles versions d'OpenLayers (cf. https://geoservices.ign.fr/documenta...nsion-ol3.html) ou de Leaflet (cf. https://geoservices.ign.fr/documenta...n-leaflet.html). Pour plus d'informations, vous pouvez consulter cet article sur l'évolution de l'API Géoportail : https://geoservices.ign.fr/blog/2017/03/16/FAQ.html

Cela est plus particulièrement vrai sur la gestion des styles des objets vecteurs qui en l'état date d'OpenLayers 2 (projet arrêté depuis plus de 3 ans). Je vous invite à envisager de faire évoluer globalement votre application vers ces nouvelles bibliothèques et d'étudier les possibilités offertes par le nouvel OpenLayers (cf. http://openlayers.org/en/latest/apid...yle.Style.html) ou par Leaflet (http://leafletjs.com/reference-1.2.0.html) pour gérer les styles.

[ep_dev]

Bonjour,

Je vous remercie pour votre longue réponse et les conseils. Nous avons lu la communication d'IGN au sujet de cette nouvelle API et entrepris une refonte de notre produit mais c'est un gros travail. En attendant, nous gérons l'existant pendant la phase transitoire.
En l'état, votre message ne m'est d'aucune aide ; si vous connaissez l'ébauche d'une solution à notre problème, votre aide sera la bienvenue

Bien cordialement,
EP

[lboulanger]

Bonjour,

Si la gestion des styles ne suffit pas, et puisqu'il n'est pas possible avec l'APIv2 d'intercepter le clic sur une couche située au dessous, la solution peut être de modifier directement les données qui sont affichées, si vous le pouvez.
C'est-à-dire, par exemple, essayer d'afficher les régions et départements dans une même couche, avec des styles différents ?
Si vous avez la main sur les données que vous affichez, par exemple si vous chargez un fichier KML, c'est envisageable.

Malheureusement, nous n'avons plus d'exemples ou de tutoriels à vous proposer sur ces anciennes librairies pour vous aider (APIv2 et OpenLayers2).

Si vous rencontrez des difficultés lors de la migration vers l'APIv3, ce que nous vous conseillons, vous pouvez en faire part sur ce forum, où vous pourrez probablement trouver des réponses.

Laurane

[ep_dev]

Bonjour,

Nous ne pouvons pas aisément ne faire qu'une couche ou intervenir sur les styles car c'est une application qui génère le code de la page à partir de données émanant d'un progiciel. Je pense que nous allons intervertir les couches et nous passer des infobulles et nous aviserons après le passage à la version supérieure. Merci Laurane pour votre aide.

Bien cordialement,
EP.