Correct MVT tile indices when fetching tiles from providers + fix tile indices in MVT UI preview (#1989)

* Corrected tile indices in `MVTElasticProvider` when fetching tiles from Elastic

- Elastic by default serves vector tiles in the `/z/x/y` index order

* Correct tile indices in `MVTProxyProvider` when fetching tiles from the proxied Martin/pg_tileserv server

- Both Martin and pg_tileserv by default serve tiles in the `/z/x/y` index order

* Correct tile indices in `MVTTippecanoeProvider` when fetching tiles generated by Tippecanoe

- Tippecanoe generates tiles in `z/x/y` index directory order

* Fix incorrect tile index order in MVT tile HTML preview

The wrong index order in the preview + using `/{z}/{y}/{x}` when fetching tiles from
existing MVT providers made tiles visible on the pygeoapi UI, but external clients
needed to use `/{z}/{x}/{y}` to fetch tiles, which is contrary to the OGC Tiles specification of `/{z}/{y}/{x}`

This commit along with commits 5b8b179, 3f35fd3,
c24cf56 fixes the issue

Author: ThorodanBrom

pygeoapi/provider/mvt_elastic.py

@@ -176,7 +176,7 @@ def get_tiles(self, layer=None, tileset=None,
                 with requests.Session() as session:
                     data = {'fields': ['*']}
                     session.get(base_url)
-                    resp = session.get(f'{base_url}/{layer}/{z}/{y}/{x}{url_query}', json=data)  # noqa
+                    resp = session.get(f'{base_url}/{layer}/{z}/{x}/{y}{url_query}', json=data)  # noqa
 
                     if resp.status_code == 404:
                         if (self.is_in_limits(TileMatrixSetEnum.WEBMERCATORQUAD.value, z, x, y)): # noqa

pygeoapi/provider/mvt_proxy.py

@@ -170,9 +170,9 @@ def get_tiles(self, layer=None, tileset=None,
                 with requests.Session() as session:
                     session.get(base_url)
                     if '.' in url.path:
-                        resp = session.get(f'{base_url}/{layer}/{z}/{y}/{x}.{format_}{url_query}')  # noqa
+                        resp = session.get(f'{base_url}/{layer}/{z}/{x}/{y}.{format_}{url_query}')  # noqa
                     else:
-                        resp = session.get(f'{base_url}/{layer}/{z}/{y}/{x}{url_query}')  # noqa
+                        resp = session.get(f'{base_url}/{layer}/{z}/{x}/{y}{url_query}')  # noqa
 
                     if resp.status_code == 404:
                         if (self.is_in_limits(self.get_tilematrixset(tileset), z, x, y)): # noqa

pygeoapi/provider/mvt_tippecanoe.py

@@ -184,7 +184,7 @@ def get_tiles_from_url(self, layer=None, tileset=None,
         try:
             with requests.Session() as session:
                 session.get(base_url)
-                resp = session.get(f'{base_url}/{layer}/{z}/{y}/{x}{extension}')  # noqa
+                resp = session.get(f'{base_url}/{layer}/{z}/{x}/{y}{extension}')  # noqa
 
                 if resp.status_code == 404:
                     if (self.is_in_limits(TileMatrixSetEnum.WEBMERCATORQUAD.value, z, x, y)): # noqa
@@ -215,7 +215,7 @@ def get_tiles_from_disk(self, layer=None, tileset=None,
         """
 
         try:
-            service_url_path = self.service_url.joinpath(f'{z}/{y}/{x}.{format_}')  # noqa
+            service_url_path = self.service_url.joinpath(f'{z}/{x}/{y}.{format_}')  # noqa
             with open(service_url_path, mode='rb') as tile:
                 return tile.read()
         except FileNotFoundError as err:

pygeoapi/templates/collections/tiles/index.html

@@ -100,8 +100,8 @@ <h3>Tiles</h3>
         ));
     {% elif data['tile_type'] == 'vector' %}
         url = url
-            .replace("tileRow", "x")
-            .replace("tileCol", "y");
+            .replace("tileRow", "y")
+            .replace("tileCol", "x");
         var VectorTileOptions = {
             interactive: true,
             rendererFactory: L.canvas.tile,