remove tileserver, use openlayers (#245)

Author: pvgenuchten

workshop/jupyter/content/notebooks/05-raster-data.ipynb

@@ -72,7 +72,7 @@
    "metadata": {},
    "source": [
     "A typical use case for using gdal in python is resampling a grid and creating overviews, so the tiff can be used as a\n",
-    "Cloud Optimized GeoTiff"
+    "Cloud Optimized GeoTiff (COG)"
     ]
   },
   {
@@ -82,27 +82,47 @@
    "outputs": [],
    "source": [
     "# Resample\n",
-    "gdal.Warp('temp/output_3857_cog.tif','../data/world.rgb.tif',dstSRS='EPSG:3857',format='COG')\n"
+    "gdal.Warp('../data/output_4326_cog.tif','../data/world.rgb.tif',dstSRS='EPSG:4326',format='COG')\n"
 
    ]
   },
-{
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "The COG format is optimal for storing large grid files in the cloud. Clients such as GDAL and OpenLayers are able\n",
+    "to fetch and render parts of the file, without downloading the full file. Below is an example using OpenLayers to\n",
+    "interact with the generated COG."
+    ]
+  },  
+  {
    "cell_type": "code",
    "execution_count": null,
    "metadata": {},
    "outputs": [],
    "source": [
-    "# Display COG in a viewer \n",
-    "from localtileserver import TileClient, get_leaflet_tile_layer \n",
-    "from ipyleaflet import Map \n",
-    "client = TileClient('temp/output_3857_cog.tif') \n",
-    "m = Map() \n",
-    "m.add(get_leaflet_tile_layer(client)) \n",
-    "m\n"
+    "from IPython.display import HTML\n",
+    "\n",
+    "HTML('''\n",
+    "<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/ol@latest/ol.css'>\n",
+    "<script src='https://cdn.jsdelivr.net/npm/geotiff@3.0.5/dist-browser/geotiff.min.js'></script>\n",
+    "<script src='https://cdn.jsdelivr.net/npm/ol@latest/dist/ol.js' onload='createMap()'></script>\n",
+    "<div id='map' style='width:100%; height:400px'></div>\n",
+    "<script>\n",
+    "function createMap() {\n", 
+    " new ol.Map({\n",
+    "  target: 'map',\n",
+    "  layers: [\n",
+    "    new ol.layer.Tile({source: new ol.source.OSM()}),\n",
+    "    new ol.layer.WebGLTile({source: new ol.source.GeoTIFF({sources: [{url: '/files/content/data/output_4326_cog.tif'}]}),opacity: 0.8})\n",
+    "  ],\n",
+    "  view: new ol.View({center: ol.proj.fromLonLat([18, 45]), zoom: 6})\n",
+    "})};\n",
+    "</script>\n",
+    "''')\n",
+    "\n"
    ]
   },
-
-
   {
    "cell_type": "markdown",
    "metadata": {},

workshop/jupyter/requirements.txt

@@ -7,7 +7,6 @@ geopandas
 descartes
 folium
 bokeh
-localtileserver
 ipyleaflet
 pydeck
 pygeometa # >0.7 removed by Just