Integrate geoportal-extensions-leaflet and start with adding a GeoportalLayer.WMTS.

Author: HaudinFlorence

examples/Geoportal.ipynb

@@ -0,0 +1,75 @@
+{
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "121b2e3e-faa5-4f53-87c9-9a3112440e98",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# Set up for JupyterLite\n",
+    "try:\n",
+    "    import piplite\n",
+    "    await piplite.install('ipyleaflet')\n",
+    "except ImportError:\n",
+    "    pass"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 1,
+   "id": "119aacd7-fb6b-4bf5-9a97-ac8301eabfed",
+   "metadata": {},
+   "outputs": [
+    {
+     "ename": "NameError",
+     "evalue": "name 'layer' is not defined",
+     "output_type": "error",
+     "traceback": [
+      "\u001b[0;31m---------------------------------------------------------------------------\u001b[0m",
+      "\u001b[0;31mNameError\u001b[0m                                 Traceback (most recent call last)",
+      "Input \u001b[0;32mIn [1]\u001b[0m, in \u001b[0;36m<cell line: 5>\u001b[0;34m()\u001b[0m\n\u001b[1;32m      2\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01mipyleaflet\u001b[39;00m\u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01mgeoportal\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m GeoportalWMTS\n\u001b[1;32m      4\u001b[0m m \u001b[38;5;241m=\u001b[39m Map(center\u001b[38;5;241m=\u001b[39m(\u001b[38;5;241m48.85\u001b[39m, \u001b[38;5;241m2.35\u001b[39m), zoom\u001b[38;5;241m=\u001b[39m\u001b[38;5;241m14\u001b[39m, zoom_control\u001b[38;5;241m=\u001b[39m\u001b[38;5;28;01mFalse\u001b[39;00m)\n\u001b[0;32m----> 5\u001b[0m layer \u001b[38;5;241m=\u001b[39m GeoportalWMTS({\u001b[43mlayer\u001b[49m :\u001b[38;5;124m\"\u001b[39m\u001b[38;5;124mORTHOIMAGERY.ORTHOPHOTOS\u001b[39m\u001b[38;5;124m\"\u001b[39m,})\n\u001b[1;32m      6\u001b[0m m\u001b[38;5;241m.\u001b[39madd(layer)\n",
+      "\u001b[0;31mNameError\u001b[0m: name 'layer' is not defined"
+     ]
+    }
+   ],
+   "source": [
+    "from ipyleaflet import *\n",
+    "from ipyleaflet.geoportal import GeoportalWMTS\n",
+    "\n",
+    "m = Map(center=(48.85, 2.35), zoom=14, zoom_control=False)\n",
+    "layer = GeoportalWMTS(name=\"ORTHOIMAGERY.ORTHOPHOTOS\")\n",
+    "m.add(layer)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "85b0340e-4b3b-455c-ae07-8734cd68f765",
+   "metadata": {},
+   "outputs": [],
+   "source": []
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "Python 3 (ipykernel)",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.9.13"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 5
+}

ipyleaflet/geoportal.py

@@ -0,0 +1,22 @@
+# Copyright (c) Jupyter Development Team.
+# Distributed under the terms of the Modified BSD License.
+#
+
+
+from traitlets import Unicode
+from .leaflet import TileLayer
+
+
+
+class GeoportalWMTS(TileLayer):
+    """Geoportal class, with TileLayer as parent class
+
+
+    Attributes
+    ----------
+    """
+
+    _view_name = Unicode('LeafletGeoportalView').tag(sync=True)
+    _model_name = Unicode('LeafletGeoportalModel').tag(sync=True)
+    name = Unicode("ORTHOIMAGERY.ORTHOPHOTOS").tag(sync=True, o=True)
+

js/package.json

@@ -45,7 +45,9 @@
     "proj4": "^2.6.0",
     "proj4leaflet": "^1.0.1",
     "spin.js": "^4.1.0",
-    "stream-browserify": "^3.0.0"
+    "stream-browserify": "^3.0.0",
+    "geoportal-extensions-leaflet": "2.2.4"
+
   },
   "devDependencies": {
     "@jupyterlab/builder": "^3.0.0",

js/src/jupyter-leaflet.js

@@ -30,6 +30,7 @@ export * from './layers/LayerGroup.js';
 export * from './layers/FeatureGroup.js';
 export * from './layers/GeoJSON.js';
 export * from './layers/DivIcon.js';
+export * from './layers/Geoportal.js';
 
 //Controls
 export * from './controls/AttributionControl.js';

js/src/layers/Geoportal.js

@@ -0,0 +1,51 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+const L = require('../leaflet.js');
+const layer = require('./Layer.js');
+const utils = require('../utils');
+
+export class LeafletGeoportalModel extends layer.LeafletLayerModel {
+  defaults() {
+    return {
+      ...super.defaults(),
+      _view_name: 'LeafletGeoportalView',
+      _model_name: 'LeafletGeoportalModel',
+      name : "ORTHOIMAGERY.ORTHOPHOTOS"
+    };
+  }
+}
+
+export class LeafletGeoportalView extends layer.LeafletTileLayerView {
+  create_obj() {
+    var options = this.get_options();
+    options.data = this.model.get('data');
+    this.obj = L.geoportalLayer.WMTS(this.model.get('name'))
+
+  }
+
+  model_events() {
+    super.model_events();
+    this.listenTo(
+      this.model,
+      'change:data',
+      function() {
+        const data = this.model.get('data');
+        this.obj.setData(data);
+      },
+      this
+    );
+    // Separate display_options from the options to perform a shallow copy.
+    var key = 'display_options';
+    this.listenTo(
+      this.model,
+      'change:' + key,
+      function() {
+        var options = {};
+        options[utils.camel_case(key)] = { ...this.model.get(key) };
+        L.setOptions(this.obj, options);
+      },
+      this
+    );
+  }
+}

js/src/leaflet.js

@@ -15,6 +15,7 @@ require('leaflet-fullscreen');
 require('leaflet-transform');
 require('leaflet.awesome-markers');
 require('leaflet-search');
+require('geoportal-extensions-leaflet')
 
 // Monkey patch GridLayer for smoother URL updates
 L.patchGridLayer = function (layer) {