Add the attribute format to enable to set the format of the image of the layer.

Author: HaudinFlorence

examples/Geoportal.ipynb

@@ -18,45 +18,57 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "119aacd7-fb6b-4bf5-9a97-ac8301eabfed",
+   "id": "68a99b3b-58f1-4251-a724-f5135ac72be1",
    "metadata": {},
    "outputs": [],
    "source": [
     "from ipyleaflet import *\n",
     "from ipyleaflet.geoportal import GeoportalWMTS\n",
-    "m1 = Map(center=(48.799999, 2.26667), zoom=10, zoom_control=True)\n",
+    "m1 = Map(center=(44.799999, 2.26667), zoom=10, zoom_control=True)\n",
     "layer1 = GeoportalWMTS() #default\n",
     "m1.add(layer1)"
    ]
   },
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "2936c8dc-1546-4f13-8c18-6984aaf1c0e3",
+   "id": "9452eaf1-38ff-463f-b272-95baa8f840a5",
    "metadata": {},
    "outputs": [],
    "source": [
-    "m2 = Map(center=(44.400002, 3.36667), zoom=8, zoom_control=True)\n",
+    "m2 = Map(center=(44.400002, 3.36667), zoom=10, zoom_control=True)\n",
     "layer2 = GeoportalWMTS(layer = 'ELEVATION.SLOPES', api_key = 'altimetrie')\n",
     "m2.add(layer2)"
    ]
   },
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "cfeff952-288f-4e56-9dd7-4b7e160e6305",
+   "id": "69d5a707-f501-4d5c-a22e-3e59e2656aaf",
    "metadata": {},
    "outputs": [],
    "source": [
-    "m3 = Map(center=(48.799999, 2.26667), zoom=10, zoom_control=True)\n",
-    "layer3 = GeoportalWMTS(layer = 'GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2', api_key = 'cartes')\n",
+    "m3 = Map(center=(44.799999, 2.26667), zoom=10, zoom_control=True)\n",
+    "layer3 = GeoportalWMTS(layer = 'GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2', api_key = 'cartes', format = 'image/png')\n",
     "m3.add(layer3)"
    ]
   },
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "54d2e006-a2f3-406b-9bb0-c1d7cb6b250e",
+   "id": "2936c8dc-1546-4f13-8c18-6984aaf1c0e3",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "m4 = Map(center=(44.400002, 3.36667), zoom=10, zoom_control=True)\n",
+    "layer4 = GeoportalWMTS(layer = 'HYDROGRAPHY.BCAE.LATEST', api_key = 'agriculture', format = 'image/png')\n",
+    "m4.add(layer4)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "b6edf13b-f9a1-45c4-b28a-7e9028d4f89f",
    "metadata": {},
    "outputs": [],
    "source": []

ipyleaflet/geoportal.py

@@ -17,9 +17,12 @@ class GeoportalWMTS(TileLayer):
         name of the layer to show.
     api_key: string, default "essentiels"
         key to access a given ressource, detailed correspondances are given here : https://geoservices.ign.fr/documentation/services/tableau_ressources
+    format: string, default "image/png"
+        format of the image
     """
 
     _view_name = Unicode('LeafletGeoportalWMTSView').tag(sync=True)
     _model_name = Unicode('LeafletGeoportalWMTSModel').tag(sync=True)
-    layer = Unicode("ORTHOIMAGERY.ORTHOPHOTOS").tag(sync=True, o=True)
-    api_key = Unicode("essentiels").tag(sync=True, o=True)
+    layer = Unicode('ORTHOIMAGERY.ORTHOPHOTOS').tag(sync=True, o=True)
+    api_key = Unicode('essentiels').tag(sync=True, o=True)
+    format = Unicode('image/jpeg').tag(sync=True, o=True)

js/src/layers/Geoportal.js

@@ -11,14 +11,15 @@ export class LeafletGeoportalWMTSModel extends layer.LeafletTileLayerModel {
       ...super.defaults(),
       _view_name: 'LeafletGeoportalWMTSView',
       _model_name: 'LeafletGeoportalWMTSModel',
-      layer : "ORTHOIMAGERY.ORTHOPHOTOS",
-      apiKey : "essentiels"
+      layer : 'ORTHOIMAGERY.ORTHOPHOTOS',
+      apiKey : 'essentiels',
+      format : 'image/jpeg'
     };
   }
 }
 
 export class LeafletGeoportalWMTSView extends layer.LeafletTileLayerView {
   create_obj() {
-    this.obj = L.geoportalLayer.WMTS({layer : this.model.get('layer'), apiKey : this.model.get('api_key')})
+    this.obj = L.geoportalLayer.WMTS(this.get_options(), {format : this.model.get('format')})
   }
 }