Merge branch 'release-3.3.19'

IGNF · Nov 18, 2022 · a9f2b5e · a9f2b5e
2 parents cb50227 + 4200879
commit a9f2b5e
Show file tree

Hide file tree

Showing 22 changed files with 9,490 additions and 126 deletions.
diff --git a/DRAFT_CHANGELOG.md b/DRAFT_CHANGELOG.md
@@ -6,20 +6,26 @@
 
 ## Summary
 
-Utilisation du Geocodage V2
+* maj des extensions OpenLayers 3.2.18
 
 ## Changelog
 
 * [Added]
 
+  - Appliquer une contrainte d’échelle avec le zoom "mousewheel" et la touche SHIFT
+  - Ajout d'un exemple de couche MapBox de type multi-source
+
 * [Changed]
 
-    - mise à jour des API JavaScript Geoportail sous-jacentes et adaptations pour utilisation de la version 2 du Geocodage (#65)
+  - Exposer l'éditeur de style avec la variable *Gp.Editor*
 
 * [Removed]
 
 * [Fixed]
 
+    - Passage des options de l'editeur de style dans l'outil d'import de couche pour le vecteur tuilé (mapbox)
+    - Ajout des evenements (map) : "render:success" / "render:failure" pour l'application du rendu des styles sur des couches MapBox
+
 * [Deprecated]
 
 * [Security]
diff --git a/README-SDK-3D.md b/README-SDK-3D.md
@@ -2,32 +2,32 @@
 
 <!-- toc -->
 
-- [Mise en oeuvre](#mise-en-oeuvre)
-  * [Téléchargement](#telechargement)
-    + [Téléchargement direct](#telechargement-direct)
-    + [Récupération avec NPM](#recuperation-avec-npm)
-    + [Accès direct](#acces-direct)
-  * [Intégration dans une page web](#integration-dans-une-page-web)
-  * [Utilisation dans module ES6](#utilisation-dans-module-es6)
-  * [Interfaces de programmation](#interfaces-de-programmation)
-  * [Création et affichage d'une carte](#creation-et-affichage-dune-carte)
-  * [Configuration de l'accès à la plateforme Géoportail](#configuration-de-lacces-a-la-plateforme-geoportail)
-  * [Configuration dynamique](#configuration-dynamique)
-  * [Optimisation du chargement : configuration locale](#optimisation-du-chargement--configuration-locale)
-  * [Configuration du centrage de la carte](#configuration-du-centrage-de-la-carte)
-    + [Centrage par coordonnées](#centrage-par-coordonnees)
-    + [Centrage en utilisant le service de géocodage du Géoportail](#centrage-en-utilisant-le-service-de-geocodage-du-geoportail)
-    + [Centrage par géolocalisation du terminal utilisé](#centrage-par-geolocalisation-du-terminal-utilise)
-  * [Configuration des couches utilisées pour composer la carte](#configuration-des-couches-utilisees-pour-composer-la-carte)
-    + [Affichage des couches Géoportail WMS et WMTS](#affichage-des-couches-geoportail-wms-et-wmts)
-    + [Affichage des couches "externes"](#affichage-des-couches-externes)
-  * [Configuration des markers - visu 2D uniquement](#configuration-des-markers---visu-2d-uniquement)
-  * [Configuration des outils additionnels à proposer sur la carte](#configuration-des-outils-additionnels-a-proposer-sur-la-carte)
-  * [Abonnement aux intéractions des utilisateurs avec la carte](#abonnement-aux-interactions-des-utilisateurs-avec-la-carte)
-  * [Bascule entre 2D et 3D](#bascule-entre-2d-et-3d)
-  * [Autres possibilités de paramétrage](#autres-possibilites-de-parametrage)
-  * [Gestion des projections](#gestion-des-projections)
-  * [Interaction avec la carte créée](#interaction-avec-la-carte-creee)
+- [Kit de Développement (SDK) Géoportail - version 3D](#kit-de-développement-sdk-géoportail---version-3d)
+  - [Mise en oeuvre](#mise-en-oeuvre)
+    - [Téléchargement](#téléchargement)
+      - [Téléchargement direct](#téléchargement-direct)
+      - [Récupération avec NPM](#récupération-avec-npm)
+      - [Accès direct](#accès-direct)
+    - [Intégration dans une page web](#intégration-dans-une-page-web)
+    - [Utilisation dans module ES6](#utilisation-dans-module-es6)
+    - [Interfaces de programmation](#interfaces-de-programmation)
+    - [Création et affichage d'une carte](#création-et-affichage-dune-carte)
+    - [Configuration de l'accès à la plateforme Géoportail](#configuration-de-laccès-à-la-plateforme-géoportail)
+    - [Configuration dynamique](#configuration-dynamique)
+    - [Optimisation du chargement : configuration locale](#optimisation-du-chargement--configuration-locale)
+    - [Configuration du centrage de la carte](#configuration-du-centrage-de-la-carte)
+      - [Centrage par coordonnées](#centrage-par-coordonnées)
+      - [Centrage en utilisant le service de géocodage du Géoportail](#centrage-en-utilisant-le-service-de-géocodage-du-géoportail)
+      - [Centrage par géolocalisation du terminal utilisé](#centrage-par-géolocalisation-du-terminal-utilisé)
+    - [Configuration des couches utilisées pour composer la carte](#configuration-des-couches-utilisées-pour-composer-la-carte)
+      - [Affichage des couches Géoportail WMS et WMTS](#affichage-des-couches-géoportail-wms-et-wmts)
+      - [Affichage des couches "externes"](#affichage-des-couches-externes)
+    - [Configuration des markers - visu 2D uniquement](#configuration-des-markers---visu-2d-uniquement)
+    - [Configuration des outils additionnels à proposer sur la carte](#configuration-des-outils-additionnels-à-proposer-sur-la-carte)
+    - [Abonnement aux intéractions des utilisateurs avec la carte](#abonnement-aux-intéractions-des-utilisateurs-avec-la-carte)
+    - [Bascule entre 2D et 3D](#bascule-entre-2d-et-3d)
+    - [Autres possibilités de paramétrage](#autres-possibilités-de-paramétrage)
+    - [Interaction avec la carte créée](#interaction-avec-la-carte-créée)
 
 <!-- tocstop -->
 
@@ -523,6 +523,8 @@ Les outils disponibles en 2D uniquement sont les suivants :
 
 * boutons de zoom (["zoom"](https://ignf.github.io/geoportal-sdk/latest/jsdoc/Gp.ControlOptions.html#zoom)) ;
 
+  > **astuce** : il est possible de forcer le zoom sur les contraintes d'échelles avec la _molette_ de zoom de la souris et la touche SHIFT enfoncée
+
 * barre de recherche (["search"](https://ignf.github.io/geoportal-sdk/latest/jsdoc/Gp.ControlOptions.html#searchctrl))
 
 * recherche inversée (["reversesearch"](https://ignf.github.io/geoportal-sdk/latest/jsdoc/Gp.ControlOptions.html#reversesearch))

diff --git a/package.json b/package.json
@@ -1,9 +1,9 @@
 {
     "name": "geoportal-sdk",
-    "version": "3.3.18",
-    "date": "04/10/2022",
-    "SDK2DVersion": "3.3.18",
-    "SDK3DVersion": "3.3.18",
+    "version": "3.3.19",
+    "date": "18/11/2022",
+    "SDK2DVersion": "3.3.19",
+    "SDK3DVersion": "3.3.19",
     "description": "French Geoportal SDK based on OpenLayers (2D) and iTowns (3D) libraries",
     "main": "dist/2d/GpSDK2D-src.js, dist/3d/GpSDK3d-src.js",
     "module": "src/SDK2D.js, src/SDK3D.js",
@@ -73,7 +73,7 @@
         "expose-loader": "^0.7.5",
         "fs-extra": "^9.0.0",
         "geoportal-extensions-itowns": "2.3.9",
-        "geoportal-extensions-openlayers": "3.2.17",
+        "geoportal-extensions-openlayers": "3.2.18",
         "handlebars": "^4.7.5",
         "handlebars-layouts": "^3.1.4",
         "html-webpack-plugin": "^4.0.4",

diff --git a/samples-src/pages/2d/page-mapbox-accesstoken-bundle.html b/samples-src/pages/2d/page-mapbox-accesstoken-bundle.html
@@ -21,7 +21,7 @@ <h1>Une carte affichant une couche MapBox de type MapBox avec accesstoken</h1>
 
 {{#content "js"}}
     <script>
-        Gp.Map.load('geoportalMap',{
+        var map = Gp.Map.load('geoportalMap',{
             configUrl : "{{resources}}/autoconf.js",
             center:{
                 x : 407444,
@@ -48,6 +48,12 @@ <h1>Une carte affichant une couche MapBox de type MapBox avec accesstoken</h1>
             },
             zoom : 6
         });
+        map.getLibMap().on("render:failure", function (e) {
+            console.error(e);
+        });
+        map.getLibMap().on("render:success", function (e) {
+            console.info(e);
+        });
     </script>
 {{/content}}
 {{/extend}}
diff --git a/samples-src/pages/2d/page-mapbox-enseignements-bundle.html b/samples-src/pages/2d/page-mapbox-enseignements-bundle.html
@@ -21,7 +21,7 @@ <h1>Une carte affichant une couche MapBox (Enseignements)</h1>
 
 {{#content "js"}}
     <script>
-        Gp.Map.load('geoportalMap',{
+        var map = Gp.Map.load('geoportalMap',{
             configUrl : "{{resources}}/autoconf.js",
             center:{
                 x : 407444,
@@ -73,6 +73,13 @@ <h1>Une carte affichant une couche MapBox (Enseignements)</h1>
             },
             zoom : 6
         });
+
+        map.getLibMap().on("render:failure", function (e) {
+            console.error(e);
+        });
+        map.getLibMap().on("render:success", function (e) {
+            console.info(e);
+        });
     </script>
 {{/content}}
 {{/extend}}
diff --git a/samples-src/pages/2d/page-mapbox-femme-geoportail-multisource-bundle.html b/samples-src/pages/2d/page-mapbox-femme-geoportail-multisource-bundle.html
@@ -0,0 +1,51 @@
+{{#extend "sample-bundle-layout-2d"}}
+
+{{#content "head"}}
+    <title>Sample SDK 2D MapBox</title>
+{{/content}}
+
+{{#content "style"}}
+    <style>
+        #geoportalMap {
+            height: 800px;
+            width: 800px;
+        }
+    </style>
+{{/content}}
+
+{{#content "body"}}
+    <h1>Une carte affichant une couche MapBox (Multi-source)</h1>
+    <p>NB : le clic sur les features s'obtient par l'ajout du controle GetFeatureInfo (ici : caché et activé).</p>
+    <div id="geoportalMap"></div>
+{{/content}}
+
+{{#content "js"}}
+    <script>
+        var map = Gp.Map.load('geoportalMap',{
+            reloadConfig : false,
+            apiKey : "{{apikey}}",
+            center:{
+                x : 407444,
+                y : 5856585
+            },
+            controlsOptions : {
+                "layerSwitcher" : {},
+                "getfeatureInfo" : {
+                    options : {
+                        auto : true,
+                        hidden: true
+                    }
+                },
+                "layerimport" : {}
+            },
+            layersOptions : {
+                "FEMME" : {
+                    format : "MapBox",
+                    url : "{{resources}}/MAPBOX/styles/carte_journee_femme.json"
+                }
+            },
+            zoom : 10
+        });
+    </script>
+{{/content}}
+{{/extend}}
diff --git a/samples-src/pages/2d/page-mapbox-geojson-bundle.html b/samples-src/pages/2d/page-mapbox-geojson-bundle.html
@@ -21,7 +21,7 @@ <h1>Une carte affichant une couche MapBox de type GeoJSON</h1>
 
 {{#content "js"}}
     <script>
-        Gp.Map.load('geoportalMap',{
+        var map = Gp.Map.load('geoportalMap',{
             configUrl : "{{resources}}/autoconf.js",
             center:{
                 x : 407444,
@@ -73,6 +73,13 @@ <h1>Une carte affichant une couche MapBox de type GeoJSON</h1>
             },
             zoom : 6
         });
+
+        map.getLibMap().on("render:failure", function (e) {
+            console.error(e);
+        });
+        map.getLibMap().on("render:success", function (e) {
+            console.info(e);
+        });
     </script>
 {{/content}}
 {{/extend}}
diff --git a/samples-src/pages/2d/page-mapbox-geojson-failed-bundle.html b/samples-src/pages/2d/page-mapbox-geojson-failed-bundle.html
@@ -21,7 +21,7 @@ <h1>Une carte affichant une couche MapBox en échec sur l'affichage des styles (
 
 {{#content "js"}}
     <script>
-        Gp.Map.load('geoportalMap',{
+        var map = Gp.Map.load('geoportalMap',{
             configUrl : "{{resources}}/autoconf.js",
             center:{
                 x : 407444,
@@ -54,6 +54,9 @@ <h1>Une carte affichant une couche MapBox en échec sur l'affichage des styles (
             },
             zoom : 6
         });
+        map.getLibMap().on("render:failure", function (e) {
+            console.error(e);
+        });
     </script>
 {{/content}}
 {{/extend}}
diff --git a/samples-src/pages/2d/page-mapbox-layerimport-planign-bundle.html b/samples-src/pages/2d/page-mapbox-layerimport-planign-bundle.html
@@ -21,7 +21,7 @@ <h1>Une carte affichant une couche MapBox</h1>
 
 {{#content "js"}}
     <script>
-        Gp.Map.load('geoportalMap',{
+        var map = Gp.Map.load('geoportalMap',{
             configUrl : "{{resources}}/autoconf.js",
             center:{
                 x : 407444,
@@ -54,6 +54,13 @@ <h1>Une carte affichant une couche MapBox</h1>
             },
             zoom : 4
         });
+
+        map.getLibMap().on("render:failure", function (e) {
+            console.error(e);
+        });
+        map.getLibMap().on("render:success", function (e) {
+            console.info(e);
+        });
     </script>
 {{/content}}
 {{/extend}}
diff --git a/samples-src/pages/2d/page-mapbox-tilejson-bundle.html b/samples-src/pages/2d/page-mapbox-tilejson-bundle.html
@@ -89,19 +89,19 @@ <h2>Implementation du changement de themes et selection des filtres</h2>
                     format : "MapBox",
                     title : "Test Style Mapbox",
                     description : "Mise en place d'un test avec Style Mapbox...",
-                    url : "{{resources}}/MAPBOX/styles/planign/planign.json",
+                    url : "{{resources}}/MAPBOX/styles/planign/standard.json",
                     styles : [
                         {
                             "name" : "style par defaut",
-                            "url" : "{{resources}}/MAPBOX/styles/planign/planign.json"
+                            "url" : "{{resources}}/MAPBOX/styles/planign/standard.json"
                         },
                         {
                             "name" : "style 'gris'",
                             "url" : "{{resources}}/MAPBOX/styles/planign/gris.json",
                         },
                         {
-                            "name" : "style 'muet'",
-                            "url" : "{{resources}}/MAPBOX/styles/planign/muet.json",
+                            "name" : "style 'accentue'",
+                            "url" : "{{resources}}/MAPBOX/styles/planign/accentue.json",
                             "selected" : true
                         },
                     ],
@@ -158,7 +158,7 @@ <h2>Implementation du changement de themes et selection des filtres</h2>
                 }
             }
             // on ajoute l'éditeur minimaliste
-            editorLegendes = new ol.style.Editor({
+            editorLegendes = new Gp.Editor({
                 target : divEditorLegendes,
                 style : _url,
                 tools : {
@@ -229,7 +229,7 @@ <h2>Implementation du changement de themes et selection des filtres</h2>
                         divEditorFiltres.appendChild(label);
 
                         // Editeur de filtres
-                        var editor = new ol.style.Editor({
+                        var editor = new Gp.Editor({
                             target : divEditorFiltres,
                             id : i.toString(),
                             style : _style,
@@ -308,7 +308,7 @@ <h2>Implementation du changement de themes et selection des filtres</h2>
 
                 var _styles = layer.get("mapbox-themes").styles;
                 // Editeur de themes
-                editorThemes = new ol.style.Editor({
+                editorThemes = new Gp.Editor({
                     target : divEditorThemes,
                     style : _styles[0].url, // le 1er style par defaut...
                     themes: {