diff --git a/workshop/content/docs/assets/images/qgis-vtiles-hyderabad1.png b/workshop/content/docs/assets/images/qgis-vtiles-hyderabad1.png new file mode 100644 index 00000000..c155c3f7 Binary files /dev/null and b/workshop/content/docs/assets/images/qgis-vtiles-hyderabad1.png differ diff --git a/workshop/content/docs/assets/images/qgis-vtiles-hyderabad2.png b/workshop/content/docs/assets/images/qgis-vtiles-hyderabad2.png new file mode 100644 index 00000000..db56c57d Binary files /dev/null and b/workshop/content/docs/assets/images/qgis-vtiles-hyderabad2.png differ diff --git a/workshop/content/docs/assets/images/qgis-vtiles-hyderabad3.png b/workshop/content/docs/assets/images/qgis-vtiles-hyderabad3.png new file mode 100644 index 00000000..23be4bce Binary files /dev/null and b/workshop/content/docs/assets/images/qgis-vtiles-hyderabad3.png differ diff --git a/workshop/content/docs/publishing/ogcapi-tiles.md b/workshop/content/docs/publishing/ogcapi-tiles.md index 57037221..e7825a89 100644 --- a/workshop/content/docs/publishing/ogcapi-tiles.md +++ b/workshop/content/docs/publishing/ogcapi-tiles.md @@ -258,7 +258,7 @@ Finally start the docker composition, which will download and ingest the dataset If you are in production, you may want to close the elastic ports on docker-compose. ## Client access - + + ![](../assets/images/qgis-vtiles-hyderabad1.png){ width=100% } + + - press `OK` to add the service. At this point, if you should see the connection appear it. Click `Add` to add it to the map + - Zoom in to Hyderabad to visualize your dataset + + ![](../assets/images/qgis-vtiles-hyderabad2.png){ width=100% } + + ![](../assets/images/qgis-vtiles-hyderabad3.png){ width=100% } + ### LeafletJS [LeafletJS](https://leafletjs.com) is a popular JavaScript library to add interactive maps to websites. LeafletJS does not support OGC API's explicitly, however can interact with OGC API by using the results of the API directly.