From 1f2ea815789b731cd60d1fd8c4713b07a0a543cc Mon Sep 17 00:00:00 2001
From: ThorodanBrom <bpr_95@hotmail.com>
Date: Tue, 8 Apr 2025 20:18:08 +0530
Subject: [PATCH] Fix vector tile indices when using tiles served by pygeoapi

- change to `/{z}/{y}/{x}` which is OGC Tiles spec conformant
---
 workshop/content/docs/publishing/ogcapi-tiles.md | 4 ++--
 workshop/exercises/html/vector-tiles.html        | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/workshop/content/docs/publishing/ogcapi-tiles.md b/workshop/content/docs/publishing/ogcapi-tiles.md
index 291dfb2..5703722 100644
--- a/workshop/content/docs/publishing/ogcapi-tiles.md
+++ b/workshop/content/docs/publishing/ogcapi-tiles.md
@@ -279,7 +279,7 @@ QGIS supports OGC API Vector Tiles via the [Vector Tiles Layer](https://docs.qgi
     ![](../assets/images/qgis-vtiles1.png){ width=100% }
 
     - right-click to bring up the context menu and choose `New Generic connection`
-    - fill the required values. For URL, use the URL you noted from the previous step, replacing `{tileMatrix}/{tileRow}/{tileCol}` with `{z}/{x}/{y}`.
+    - fill the required values. For URL, use the URL you noted from the previous step, replacing `{tileMatrix}/{tileRow}/{tileCol}` with `{z}/{y}/{x}`.
     - press `OK` to add the service. At this point, if you are using the browser you should see the collection appearing in the menu, below "Vector Tiles"
     - double-click in the collection to add it to the map
     <!-- - remember to set the CRS of the map to `EPSG:3857` by clicking in the button on the lower right corner
@@ -340,7 +340,7 @@ map.addLayer(
         interactive: true,
         vectorTileLayerStyles: vectorTileStyling,
         };
-    var pbfURL='http://localhost:5000/collections/hyderabad/tiles/WorldCRS84Quad/{z}/{x}/{y}?f=mvt';
+    var pbfURL='http://localhost:5000/collections/hyderabad/tiles/WorldCRS84Quad/{z}/{y}/{x}?f=mvt';
     var pbfLayer=L.vectorGrid.protobuf(pbfURL,mapVectorTileOptions).on('click',function(e) {
         console.log(e.layer);
     L.DomEvent.stop(e);
diff --git a/workshop/exercises/html/vector-tiles.html b/workshop/exercises/html/vector-tiles.html
index f6013ce..b99234f 100644
--- a/workshop/exercises/html/vector-tiles.html
+++ b/workshop/exercises/html/vector-tiles.html
@@ -38,7 +38,7 @@
         interactive: true,
         vectorTileLayerStyles: vectorTileStyling,
         };
-    var pbfURL='http://localhost:5000/collections/hyderabad/tiles/WebMercatorQuad/{z}/{x}/{y}?f=mvt';
+    var pbfURL='http://localhost:5000/collections/hyderabad/tiles/WebMercatorQuad/{z}/{y}/{x}?f=mvt';
     var pbfLayer=L.vectorGrid.protobuf(pbfURL,mapVectorTileOptions).on('click',function(e) {
         console.log(e.layer);
     L.DomEvent.stop(e);