IGNF / geoportal-extensions

French Geoportal Extensions for well-known javascript mapping libraries (Leaflet and OpenLayers)
https://ignf.github.io/geoportal-extensions/
Other
64 stars 33 forks source link

Fix sur l'import + rendu des legendes du vecteur tuilé #328

Closed lowzonenose closed 2 years ago

lowzonenose commented 2 years ago

Une meilleur gestion de l'import du vecteur tuilé afin d'être intégré dans le Portail dans le cadre de l'enregistrement des imports de type "mapbox" dans l'espace personnel. image

La gestion du multi sources : image

Le rendu des légendes a été amélioré aussi : image

Il est possible de tester l'import de plusieurs couches vecteur tuilé : image (cf. geoportal-extensions/samples-src/pages/openlayers/LayerImport/pages-ol-layerimport-bundle-import multiple.html)

Il est possible de passer des options de l'editeur de style dans l'outil d'import de couche :

   var LayerImport = new ol.control.LayerImport({
        "collapsed" : false,
        "draggable" : true,
        "layerTypes" : ["KML", "GPX"],
        "webServicesOptions" : {
            "proxyUrl" : "http://localhost/proxy/php/proxy.php?url=",
            "noProxyDomains" : []
        },
        "vectorStyleOptions" : {
            "MapBox" : {
                editor : {
                            layers : true,     // afficher les couches (layers)
                            search : false,     // afficher l'outil de recheche de couches
                            style : true,      // afficher les styles (sous menu layers)
                            filter : false,     // afficher les filtres (sous menu layers)
                            legend : true,     // afficher les legendes (layers)
                            group : false,      // grouper les couches (layers)
                            sort : false,       // trier les couches (layers)
                            title : false       // afficher les titres des rubriques,
                            collapse : undefined // afficher et/ou plier les couches (true | false),
                            type : false,       // afficher le type de geometrie (layers)
                            pin : false,        // afficher la puce pour chaque couche (layers)
                            visibility : true, // afficher l'icone de visibilité (layers),
                            icon : {                   // afficher l'icone "oeil" ou "checkbox" (layers),
                                "image" : true,
                                "anchor" : "start" // afficher l'icone au début ou à la fin de la ligne
                            },
                            editable : true    // active l'edition de la legende (legendes)
                },
                defaultStyle : new ol.style.Style({
                    image : new ol.style.Icon({
                         src : "data:image/png;base64....",
                         size : [51, 38],
                    }),
                    stroke : new ol.style.Stroke({
                         color : "#ffffff",
                         width : 7
                    }),
                    fill : new ol.style.Fill({
                         color : "rgba(255, 183, 152, 0.2)"
                    }),
                    text : new ol.style.Text({
                        font : "16px Sans",
                        textAlign : "left",
                        fill : new ol.style.Fill({
                            color : "rgba(255, 255, 255, 1)"
                        }),
                        stroke : new ol.style.Stroke({
                            color : "rgba(0, 0, 0, 1)",
                            width : 2
                        })
                    })
                })
            }
        }
    });
lowzonenose commented 2 years ago

@elias75015 Tu peux tester l'import de plusieurs couches vecteur tuilé, et jouer avec les styles de chaque couche. (cf. geoportal-extensions/samples-src/pages/openlayers/LayerImport/pages-ol-layerimport-bundle-import multiple.html)