@basemaps/landing 8.5.0 → 8.9.0

package/dist/docs/user-guide/{how-to-use-and-customize-vector-tiles/_How-to-use-vector-tiles → working-with-vector-tiles/usage}/index.html

@@ -8,21 +8,19 @@
       
       
       
-        <link rel="canonical" href="http://localhost:8000/docs/user-guide/how-to-use-and-customize-vector-tiles/_How-to-use-vector-tiles/">
+        <link rel="canonical" href="http://localhost:8000/docs/user-guide/working-with-vector-tiles/usage/">
       
       
-        <link rel="prev" href="../">
+        <link rel="prev" href="../styling/">
       
       
-        <link rel="next" href="../how-to-customize-vector-tiles/">
-      
       
       <link rel="icon" href="../../../assets/images/favicon.png">
       <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.44">
     
     
       
-        <title>How to Use Vector Tiles - LINZ Basemaps</title>
+        <title>How to Use our Vector Tiles - LINZ Basemaps</title>
       
     
     
@@ -86,7 +84,7 @@
     <div data-md-component="skip">
       
         
-        <a href="#how-to-use-vector-tiles" class="md-skip">
+        <a href="#how-to-use-our-vector-tiles" class="md-skip">
           Skip to content
         </a>
       
@@ -121,7 +119,7 @@
         <div class="md-header__topic" data-md-component="header-topic">
           <span class="md-ellipsis">
             
-              How to Use Vector Tiles
+              How to Use our Vector Tiles
             
           </span>
         </div>
@@ -1037,8 +1035,6 @@
                 
   
   
-    
-  
   
   
     
@@ -1047,6 +1043,10 @@
         
           
         
+      
+        
+      
+        
       
         
       
@@ -1055,20 +1055,20 @@
     
     
     
-    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+    <li class="md-nav__item md-nav__item--nested">
       
         
         
-        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_4" checked>
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_4" >
         
           
           
           <div class="md-nav__link md-nav__container">
-            <a href="../" class="md-nav__link ">
+            <a href="../../use-in-esri-software/" class="md-nav__link ">
               
   
   <span class="md-ellipsis">
-    How to use and customize vector tiles
+    Use in Esri software
   </span>
   
 
@@ -1081,10 +1081,10 @@
             
           </div>
         
-        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_8_4_label" aria-expanded="true">
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_8_4_label" aria-expanded="false">
           <label class="md-nav__title" for="__nav_8_4">
             <span class="md-nav__icon md-icon"></span>
-            How to use and customize vector tiles
+            Use in Esri software
           </label>
           <ul class="md-nav__list" data-md-scrollfix>
             
@@ -1094,8 +1094,6 @@
                 
   
   
-    
-  
   
   
     
@@ -1108,20 +1106,20 @@
     
     
     
-    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+    <li class="md-nav__item md-nav__item--nested">
       
         
         
-        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_4_2" checked>
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_4_2" >
         
           
           
           <div class="md-nav__link md-nav__container">
-            <a href="./" class="md-nav__link md-nav__link--active">
+            <a href="../../use-in-esri-software/how-to-add-emergency-imagery-to-arcgis/" class="md-nav__link ">
               
   
   <span class="md-ellipsis">
-     How to use vector tiles
+    How to add emergency imagery in ArcGIS
   </span>
   
 
@@ -1129,10 +1127,10 @@
             
           </div>
         
-        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_8_4_2_label" aria-expanded="true">
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_8_4_2_label" aria-expanded="false">
           <label class="md-nav__title" for="__nav_8_4_2">
             <span class="md-nav__icon md-icon"></span>
-             How to use vector tiles
+            How to add emergency imagery in ArcGIS
           </label>
           <ul class="md-nav__list" data-md-scrollfix>
             
@@ -1171,11 +1169,11 @@
           
           
           <div class="md-nav__link md-nav__container">
-            <a href="../how-to-customize-vector-tiles/" class="md-nav__link ">
+            <a href="../../use-in-esri-software/how-to-add-individual-linz-basemaps-layers-to-arcgis/" class="md-nav__link ">
               
   
   <span class="md-ellipsis">
-    How to customize vector tiles
+    How to add individual LINZ Basemap layers to ArcGIS
   </span>
   
 
@@ -1186,7 +1184,7 @@
         <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_8_4_3_label" aria-expanded="false">
           <label class="md-nav__title" for="__nav_8_4_3">
             <span class="md-nav__icon md-icon"></span>
-            How to customize vector tiles
+            How to add individual LINZ Basemap layers to ArcGIS
           </label>
           <ul class="md-nav__list" data-md-scrollfix>
             
@@ -1200,14 +1198,6 @@
 
               
             
-          </ul>
-        </nav>
-      
-    </li>
-  
-
-              
-            
               
                 
   
@@ -1219,14 +1209,6 @@
       
         
           
-        
-      
-        
-      
-        
-      
-        
-      
         
       
     
@@ -1236,37 +1218,40 @@
       
         
         
-        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_5" >
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_4_4" >
         
           
           
           <div class="md-nav__link md-nav__container">
-            <a href="../../use-in-esri-software/" class="md-nav__link ">
+            <a href="../../use-in-esri-software/how-to-add-linz-aerial-imagery-basemaps-to-arcgis-online/" class="md-nav__link ">
               
   
   <span class="md-ellipsis">
-    Use in esri software
+    How to add LINZ aerial imagery Basemaps to ArcGIS Online
   </span>
   
 
             </a>
             
-              
-              <label class="md-nav__link " for="__nav_8_5" id="__nav_8_5_label" tabindex="0">
-                <span class="md-nav__icon md-icon"></span>
-              </label>
-            
           </div>
         
-        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_8_5_label" aria-expanded="false">
-          <label class="md-nav__title" for="__nav_8_5">
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_8_4_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_8_4_4">
             <span class="md-nav__icon md-icon"></span>
-            Use in esri software
+            How to add LINZ aerial imagery Basemaps to ArcGIS Online
           </label>
           <ul class="md-nav__list" data-md-scrollfix>
             
               
             
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
               
                 
   
@@ -1287,16 +1272,16 @@
       
         
         
-        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_5_2" >
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_4_5" >
         
           
           
           <div class="md-nav__link md-nav__container">
-            <a href="../../use-in-esri-software/how-to-add-emergency-imagery-to-arcgis/" class="md-nav__link ">
+            <a href="../../use-in-esri-software/how-to-add-linz-basemaps-to-arcgis-online-basemaps/" class="md-nav__link ">
               
   
   <span class="md-ellipsis">
-    How to add emergency imagery to arcgis
+    How to add LINZ Basemaps to ArcGIS Online Basemaps
   </span>
   
 
@@ -1304,10 +1289,10 @@
             
           </div>
         
-        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_8_5_2_label" aria-expanded="false">
-          <label class="md-nav__title" for="__nav_8_5_2">
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_8_4_5_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_8_4_5">
             <span class="md-nav__icon md-icon"></span>
-            How to add emergency imagery to arcgis
+            How to add LINZ Basemaps to ArcGIS Online Basemaps
           </label>
           <ul class="md-nav__list" data-md-scrollfix>
             
@@ -1321,9 +1306,19 @@
 
               
             
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
               
                 
   
+  
+    
   
   
   
@@ -1332,49 +1327,54 @@
       
         
           
+        
+      
+        
+      
+        
+      
+        
+      
         
       
     
     
     
-    <li class="md-nav__item md-nav__item--nested">
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
       
         
         
-        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_5_3" >
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_5" checked>
         
           
           
           <div class="md-nav__link md-nav__container">
-            <a href="../../use-in-esri-software/how-to-add-individual-linz-basemaps-layers-to-arcgis/" class="md-nav__link ">
+            <a href="../" class="md-nav__link ">
               
   
   <span class="md-ellipsis">
-    How to add individual linz basemaps layers to arcgis
+    Working with Vector Tiles
   </span>
   
 
             </a>
             
+              
+              <label class="md-nav__link " for="__nav_8_5" id="__nav_8_5_label" tabindex="0">
+                <span class="md-nav__icon md-icon"></span>
+              </label>
+            
           </div>
         
-        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_8_5_3_label" aria-expanded="false">
-          <label class="md-nav__title" for="__nav_8_5_3">
+        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_8_5_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_8_5">
             <span class="md-nav__icon md-icon"></span>
-            How to add individual linz basemaps layers to arcgis
+            Working with Vector Tiles
           </label>
           <ul class="md-nav__list" data-md-scrollfix>
             
               
             
-          </ul>
-        </nav>
-      
-    </li>
-  
-
-              
-            
               
                 
   
@@ -1388,6 +1388,8 @@
           
         
       
+        
+      
     
     
     
@@ -1395,40 +1397,37 @@
       
         
         
-        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_5_4" >
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_5_2" >
         
           
           
           <div class="md-nav__link md-nav__container">
-            <a href="../../use-in-esri-software/how-to-add-linz-aerial-imagery-basemaps-to-arcgis-online/" class="md-nav__link ">
+            <a href="../creation/" class="md-nav__link ">
               
   
   <span class="md-ellipsis">
-    How to add linz aerial imagery basemaps to arcgis online
+    Creation
   </span>
   
 
             </a>
             
+              
+              <label class="md-nav__link " for="__nav_8_5_2" id="__nav_8_5_2_label" tabindex="0">
+                <span class="md-nav__icon md-icon"></span>
+              </label>
+            
           </div>
         
-        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_8_5_4_label" aria-expanded="false">
-          <label class="md-nav__title" for="__nav_8_5_4">
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_8_5_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_8_5_2">
             <span class="md-nav__icon md-icon"></span>
-            How to add linz aerial imagery basemaps to arcgis online
+            Creation
           </label>
           <ul class="md-nav__list" data-md-scrollfix>
             
               
             
-          </ul>
-        </nav>
-      
-    </li>
-  
-
-              
-            
               
                 
   
@@ -1439,8 +1438,6 @@
     
       
         
-          
-        
       
     
     
@@ -1449,35 +1446,43 @@
       
         
         
-        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_5_5" >
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_5_2_2" >
         
           
-          
-          <div class="md-nav__link md-nav__container">
-            <a href="../../use-in-esri-software/how-to-add-linz-basemaps-to-arcgis-online-basemaps/" class="md-nav__link ">
-              
+          <label class="md-nav__link" for="__nav_8_5_2_2" id="__nav_8_5_2_2_label" tabindex="0">
+            
   
   <span class="md-ellipsis">
-    How to add linz basemaps to arcgis online basemaps
+    Inputs
   </span>
   
 
-            </a>
-            
-          </div>
+            <span class="md-nav__icon md-icon"></span>
+          </label>
         
-        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_8_5_5_label" aria-expanded="false">
-          <label class="md-nav__title" for="__nav_8_5_5">
+        <nav class="md-nav" data-md-level="4" aria-labelledby="__nav_8_5_2_2_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_8_5_2_2">
             <span class="md-nav__icon md-icon"></span>
-            How to add linz basemaps to arcgis online basemaps
+            Inputs
           </label>
           <ul class="md-nav__list" data-md-scrollfix>
             
               
-            
-          </ul>
-        </nav>
-      
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../creation/inputs/json-schema-file/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    JSON Schema File
+  </span>
+  
+
+      </a>
     </li>
   
 
@@ -1497,127 +1502,726 @@
     </li>
   
 
-    
-  </ul>
-</nav>
-                  </div>
-                </div>
-              </div>
-            
+              
             
               
-              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
-                <div class="md-sidebar__scrollwrap">
-                  <div class="md-sidebar__inner">
-                    
-
-<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
-  
+                
   
   
-    
   
   
-    <label class="md-nav__title" for="__toc">
-      <span class="md-nav__icon md-icon"></span>
-      Table of contents
-    </label>
-    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+    
+    
       
-        <li class="md-nav__item">
-  <a href="#accessing-linz-vector-tiles" class="md-nav__link">
-    <span class="md-ellipsis">
-      Accessing LINZ Vector Tiles
-    </span>
-  </a>
-  
-    <nav class="md-nav" aria-label="Accessing LINZ Vector Tiles">
-      <ul class="md-nav__list">
         
-          <li class="md-nav__item">
-  <a href="#api-endpoints" class="md-nav__link">
-    <span class="md-ellipsis">
-      API Endpoints
-    </span>
-  </a>
-  
-</li>
+      
         
-          <li class="md-nav__item">
-  <a href="#api-endpoints_1" class="md-nav__link">
-    <span class="md-ellipsis">
-      API Endpoints
-    </span>
-  </a>
-  
-</li>
+      
         
-          <li class="md-nav__item">
-  <a href="#supported-coordinate-systems" class="md-nav__link">
-    <span class="md-ellipsis">
-      Supported coordinate systems:
-    </span>
-  </a>
-  
-</li>
+      
         
-      </ul>
-    </nav>
-  
-</li>
       
-        <li class="md-nav__item">
-  <a href="#qgis" class="md-nav__link">
-    <span class="md-ellipsis">
-      QGIS
-    </span>
-  </a>
-  
-    <nav class="md-nav" aria-label="QGIS">
-      <ul class="md-nav__list">
         
-          <li class="md-nav__item">
-  <a href="#adding-linz-vector-tiles-to-qgis" class="md-nav__link">
-    <span class="md-ellipsis">
-      Adding LINZ Vector Tiles to QGIS
-    </span>
-  </a>
-  
-</li>
+      
         
-      </ul>
-    </nav>
-  
-</li>
       
-        <li class="md-nav__item">
-  <a href="#maplibre-gl-js" class="md-nav__link">
-    <span class="md-ellipsis">
-      MapLibre GL JS
-    </span>
-  </a>
-  
-    <nav class="md-nav" aria-label="MapLibre GL JS">
-      <ul class="md-nav__list">
         
-          <li class="md-nav__item">
-  <a href="#basic-implementation" class="md-nav__link">
-    <span class="md-ellipsis">
-      Basic Implementation
-    </span>
-  </a>
-  
-</li>
+      
         
-      </ul>
-    </nav>
-  
-</li>
       
-        <li class="md-nav__item">
-  <a href="#esri-products" class="md-nav__link">
-    <span class="md-ellipsis">
-      ESRI Products
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+        
+      
+    
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_5_3" >
+        
+          
+          <label class="md-nav__link" for="__nav_8_5_3" id="__nav_8_5_3_label" tabindex="0">
+            
+  
+  <span class="md-ellipsis">
+    Schema
+  </span>
+  
+
+            <span class="md-nav__icon md-icon"></span>
+          </label>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_8_5_3_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_8_5_3">
+            <span class="md-nav__icon md-icon"></span>
+            Schema
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/addresses/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    addresses
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/aerialways/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    aerialways
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/boundaries/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    boundaries
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/buildings/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    buildings
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/contours/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    contours
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/dam_lines/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    dam_lines
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/ferries/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    ferries
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/land/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    land
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/parcel_boundaries/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    parcel_boundaries
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/pier_lines/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    pier_lines
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/place_labels/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    place_labels
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/pois/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    pois
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/public_transport/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    public_transport
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/sites/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    sites
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/street_labels/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    street_labels
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/street_polygons/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    street_polygons
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/streets/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    streets
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/water_lines/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    water_lines
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../schema/water_polygons/" class="md-nav__link">
+        
+  
+  <span class="md-ellipsis">
+    water_polygons
+  </span>
+  
+
+      </a>
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+  
+  
+    
+    
+      
+        
+          
+        
+      
+    
+    
+    
+    <li class="md-nav__item md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_5_4" >
+        
+          
+          
+          <div class="md-nav__link md-nav__container">
+            <a href="../styling/" class="md-nav__link ">
+              
+  
+  <span class="md-ellipsis">
+    Styling
+  </span>
+  
+
+            </a>
+            
+          </div>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_8_5_4_label" aria-expanded="false">
+          <label class="md-nav__title" for="__nav_8_5_4">
+            <span class="md-nav__icon md-icon"></span>
+            Styling
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+              
+                
+  
+  
+    
+  
+  
+  
+    
+    
+      
+        
+          
+        
+      
+    
+    
+    
+    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
+      
+        
+        
+        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_5_5" checked>
+        
+          
+          
+          <div class="md-nav__link md-nav__container">
+            <a href="./" class="md-nav__link md-nav__link--active">
+              
+  
+  <span class="md-ellipsis">
+    Usage
+  </span>
+  
+
+            </a>
+            
+          </div>
+        
+        <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_8_5_5_label" aria-expanded="true">
+          <label class="md-nav__title" for="__nav_8_5_5">
+            <span class="md-nav__icon md-icon"></span>
+            Usage
+          </label>
+          <ul class="md-nav__list" data-md-scrollfix>
+            
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+              
+            
+          </ul>
+        </nav>
+      
+    </li>
+  
+
+    
+  </ul>
+</nav>
+                  </div>
+                </div>
+              </div>
+            
+            
+              
+              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
+                <div class="md-sidebar__scrollwrap">
+                  <div class="md-sidebar__inner">
+                    
+
+<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
+  
+  
+  
+    
+  
+  
+    <label class="md-nav__title" for="__toc">
+      <span class="md-nav__icon md-icon"></span>
+      Table of contents
+    </label>
+    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
+      
+        <li class="md-nav__item">
+  <a href="#accessing-linz-vector-tiles" class="md-nav__link">
+    <span class="md-ellipsis">
+      Accessing LINZ Vector Tiles
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="Accessing LINZ Vector Tiles">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#api-endpoints" class="md-nav__link">
+    <span class="md-ellipsis">
+      API Endpoints
+    </span>
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#supported-coordinate-systems" class="md-nav__link">
+    <span class="md-ellipsis">
+      Supported coordinate systems:
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#qgis" class="md-nav__link">
+    <span class="md-ellipsis">
+      QGIS
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="QGIS">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#adding-linz-vector-tiles-to-qgis" class="md-nav__link">
+    <span class="md-ellipsis">
+      Adding LINZ Vector Tiles to QGIS
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#maplibre-gl-js" class="md-nav__link">
+    <span class="md-ellipsis">
+      MapLibre GL JS
+    </span>
+  </a>
+  
+    <nav class="md-nav" aria-label="MapLibre GL JS">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#basic-implementation" class="md-nav__link">
+    <span class="md-ellipsis">
+      Basic Implementation
+    </span>
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#esri-products" class="md-nav__link">
+    <span class="md-ellipsis">
+      ESRI Products
     </span>
   </a>
   
@@ -1641,18 +2245,60 @@
   
 
 
-<h1 id="how-to-use-vector-tiles">How to Use Vector Tiles</h1>
+<h1 id="how-to-use-our-vector-tiles">How to Use our Vector Tiles</h1>
 <h2 id="accessing-linz-vector-tiles">Accessing LINZ Vector Tiles</h2>
 <h3 id="api-endpoints">API Endpoints</h3>
-<h3 id="api-endpoints_1">API Endpoints</h3>
-<p>LINZ vector tiles are available through:
-<code>https://basemaps.linz.govt.nz/v1/styles/{tileset_name}.json?api=YOUR_API_KEY</code></p>
-<p>Individual tiles can be accessed through:
-<code>https://basemaps.linz.govt.nz/v1/tiles/{tileset_name}/{crs}/{z}/{x}/{y}.pbf?api=YOUR_API_KEY</code></p>
+<p><strong>LINZ vector tiles are available through:</strong></p>
+<div class="tabbed-set tabbed-alternate" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><div class="tabbed-labels"><label for="__tabbed_1_1">Pattern</label><label for="__tabbed_1_2">Example</label></div>
+<div class="tabbed-content">
+<div class="tabbed-block">
+<div class="language-text highlight"><pre><span></span><code><span id="__span-0-1"><a id="__codelineno-0-1" name="__codelineno-0-1" href="#__codelineno-0-1"></a>https://basemaps.linz.govt.nz/v1/styles/{tileset}.json?api={api_key}
+</span></code></pre></div>
+</div>
+<div class="tabbed-block">
+<div class="language-text highlight"><pre><span></span><code><span id="__span-1-1"><a id="__codelineno-1-1" name="__codelineno-1-1" href="#__codelineno-1-1"></a>https://basemaps.linz.govt.nz/v1/styles/topographic-v2.json?api=
+</span></code></pre></div>
+</div>
+</div>
+</div>
+<p><strong>Individual tiles can be accessed through:</strong></p>
+<div class="tabbed-set tabbed-alternate" data-tabs="2:3"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><input id="__tabbed_2_3" name="__tabbed_2" type="radio" /><div class="tabbed-labels"><label for="__tabbed_2_1">Pattern</label><label for="__tabbed_2_2">Example (2193)</label><label for="__tabbed_2_3">Example (3857)</label></div>
+<div class="tabbed-content">
+<div class="tabbed-block">
+<div class="language-text highlight"><pre><span></span><code><span id="__span-2-1"><a id="__codelineno-2-1" name="__codelineno-2-1" href="#__codelineno-2-1"></a>https://basemaps.linz.govt.nz/v1/tiles/{tileset}/{crs}/{z}/{x}/{y}.pbf?api={api_key}
+</span></code></pre></div>
+</div>
+<div class="tabbed-block">
+<div class="language-text highlight"><pre><span></span><code><span id="__span-3-1"><a id="__codelineno-3-1" name="__codelineno-3-1" href="#__codelineno-3-1"></a>https://basemaps.linz.govt.nz/v1/tiles/topographic-v2/2193/10/512/512.pbf?api=
+</span></code></pre></div>
+</div>
+<div class="tabbed-block">
+<div class="language-text highlight"><pre><span></span><code><span id="__span-4-1"><a id="__codelineno-4-1" name="__codelineno-4-1" href="#__codelineno-4-1"></a>https://basemaps.linz.govt.nz/v1/tiles/topographic-v2/3857/10/1009/641.pbf?api=
+</span></code></pre></div>
+</div>
+</div>
+</div>
+<p><strong>MBTiles can be downloaded through:</strong></p>
+<div class="tabbed-set tabbed-alternate" data-tabs="3:3"><input checked="checked" id="__tabbed_3_1" name="__tabbed_3" type="radio" /><input id="__tabbed_3_2" name="__tabbed_3" type="radio" /><input id="__tabbed_3_3" name="__tabbed_3" type="radio" /><div class="tabbed-labels"><label for="__tabbed_3_1">Pattern</label><label for="__tabbed_3_2">Example (2193)</label><label for="__tabbed_3_3">Example (3857)</label></div>
+<div class="tabbed-content">
+<div class="tabbed-block">
+<div class="language-text highlight"><pre><span></span><code><span id="__span-5-1"><a id="__codelineno-5-1" name="__codelineno-5-1" href="#__codelineno-5-1"></a>https://basemaps.linz.govt.nz/v1/export/{tileset}/{crs}.mbtiles?api={api_key}
+</span></code></pre></div>
+</div>
+<div class="tabbed-block">
+<div class="language-text highlight"><pre><span></span><code><span id="__span-6-1"><a id="__codelineno-6-1" name="__codelineno-6-1" href="#__codelineno-6-1"></a>https://basemaps.linz.govt.nz/v1/export/topographic-v2/2193.mbtiles?api=
+</span></code></pre></div>
+</div>
+<div class="tabbed-block">
+<div class="language-text highlight"><pre><span></span><code><span id="__span-7-1"><a id="__codelineno-7-1" name="__codelineno-7-1" href="#__codelineno-7-1"></a>https://basemaps.linz.govt.nz/v1/export/topographic-v2/3857.mbtiles?api=
+</span></code></pre></div>
+</div>
+</div>
+</div>
 <h3 id="supported-coordinate-systems">Supported coordinate systems:</h3>
 <ul>
-<li>3857 (Web Mercator) - Recommended for web applications</li>
 <li>2193 (NZTM2000) - Best for New Zealand-specific applications</li>
+<li>3857 (Web Mercator) - Recommended for web applications</li>
 </ul>
 <h2 id="qgis">QGIS</h2>
 <p>QGIS 3.14+ has native support for vector tiles, making it straightforward to add and use them.</p>
@@ -1666,7 +2312,7 @@
 <li>Click "New Generic Connection"</li>
 <li>Fill in:<ul>
 <li>Name: "LINZ Topographic"</li>
-<li>URL: <code>https://basemaps.linz.govt.nz/v1/styles/topographic-v2.json?api=YOUR_API_KEY</code></li>
+<li>URL: <code>https://basemaps.linz.govt.nz/v1/styles/topographic-v2.json?api={api_key}</code></li>
 </ul>
 </li>
 </ul>
@@ -1690,28 +2336,28 @@
 <h2 id="maplibre-gl-js">MapLibre GL JS</h2>
 <p>MapLibre is the recommended library for web applications using vector tiles.</p>
 <h3 id="basic-implementation">Basic Implementation</h3>
-<div class="language-html highlight"><pre><span></span><code><span id="__span-0-1"><a id="__codelineno-0-1" name="__codelineno-0-1" href="#__codelineno-0-1"></a><span class="cp">&lt;!DOCTYPE html&gt;</span>
-</span><span id="__span-0-2"><a id="__codelineno-0-2" name="__codelineno-0-2" href="#__codelineno-0-2"></a><span class="p">&lt;</span><span class="nt">html</span><span class="p">&gt;</span>
-</span><span id="__span-0-3"><a id="__codelineno-0-3" name="__codelineno-0-3" href="#__codelineno-0-3"></a><span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
-</span><span id="__span-0-4"><a id="__codelineno-0-4" name="__codelineno-0-4" href="#__codelineno-0-4"></a>  <span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#39;https://unpkg.com/maplibre-gl@4.5.0/dist/maplibre-gl.js&#39;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
-</span><span id="__span-0-5"><a id="__codelineno-0-5" name="__codelineno-0-5" href="#__codelineno-0-5"></a>  <span class="p">&lt;</span><span class="nt">link</span> <span class="na">href</span><span class="o">=</span><span class="s">&#39;https://unpkg.com/maplibre-gl@4.5.0/dist/maplibre-gl.css&#39;</span> <span class="na">rel</span><span class="o">=</span><span class="s">&#39;stylesheet&#39;</span> <span class="p">/&gt;</span>
-</span><span id="__span-0-6"><a id="__codelineno-0-6" name="__codelineno-0-6" href="#__codelineno-0-6"></a>  <span class="p">&lt;</span><span class="nt">style</span><span class="p">&gt;</span>
-</span><span id="__span-0-7"><a id="__codelineno-0-7" name="__codelineno-0-7" href="#__codelineno-0-7"></a><span class="w">    </span><span class="nt">body</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
-</span><span id="__span-0-8"><a id="__codelineno-0-8" name="__codelineno-0-8" href="#__codelineno-0-8"></a><span class="w">    </span><span class="p">#</span><span class="nn">map</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">height</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">vh</span><span class="p">;</span><span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">vw</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
-</span><span id="__span-0-9"><a id="__codelineno-0-9" name="__codelineno-0-9" href="#__codelineno-0-9"></a><span class="w">  </span><span class="p">&lt;/</span><span class="nt">style</span><span class="p">&gt;</span>
-</span><span id="__span-0-10"><a id="__codelineno-0-10" name="__codelineno-0-10" href="#__codelineno-0-10"></a><span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
-</span><span id="__span-0-11"><a id="__codelineno-0-11" name="__codelineno-0-11" href="#__codelineno-0-11"></a><span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
-</span><span id="__span-0-12"><a id="__codelineno-0-12" name="__codelineno-0-12" href="#__codelineno-0-12"></a>  <span class="p">&lt;</span><span class="nt">div</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;map&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
-</span><span id="__span-0-13"><a id="__codelineno-0-13" name="__codelineno-0-13" href="#__codelineno-0-13"></a>  <span class="p">&lt;</span><span class="nt">script</span><span class="p">&gt;</span>
-</span><span id="__span-0-14"><a id="__codelineno-0-14" name="__codelineno-0-14" href="#__codelineno-0-14"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">map</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">maplibregl</span><span class="p">.</span><span class="nb">Map</span><span class="p">({</span>
-</span><span id="__span-0-15"><a id="__codelineno-0-15" name="__codelineno-0-15" href="#__codelineno-0-15"></a><span class="w">      </span><span class="nx">container</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;map&#39;</span><span class="p">,</span>
-</span><span id="__span-0-16"><a id="__codelineno-0-16" name="__codelineno-0-16" href="#__codelineno-0-16"></a><span class="w">      </span><span class="nx">style</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;https://basemaps.linz.govt.nz/v1/styles/topolite-v2.json?api=c01jwykec5weqkbr50vc30xwzgs&#39;</span><span class="p">,</span>
-</span><span id="__span-0-17"><a id="__codelineno-0-17" name="__codelineno-0-17" href="#__codelineno-0-17"></a><span class="w">      </span><span class="nx">center</span><span class="o">:</span><span class="w"> </span><span class="p">[</span><span class="mf">174.7633</span><span class="p">,</span><span class="w"> </span><span class="o">-</span><span class="mf">36.8485</span><span class="p">],</span>
-</span><span id="__span-0-18"><a id="__codelineno-0-18" name="__codelineno-0-18" href="#__codelineno-0-18"></a><span class="w">      </span><span class="nx">zoom</span><span class="o">:</span><span class="w"> </span><span class="mf">10</span>
-</span><span id="__span-0-19"><a id="__codelineno-0-19" name="__codelineno-0-19" href="#__codelineno-0-19"></a><span class="w">    </span><span class="p">});</span>
-</span><span id="__span-0-20"><a id="__codelineno-0-20" name="__codelineno-0-20" href="#__codelineno-0-20"></a><span class="w">  </span><span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
-</span><span id="__span-0-21"><a id="__codelineno-0-21" name="__codelineno-0-21" href="#__codelineno-0-21"></a><span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
-</span><span id="__span-0-22"><a id="__codelineno-0-22" name="__codelineno-0-22" href="#__codelineno-0-22"></a><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
+<div class="language-html highlight"><pre><span></span><code><span id="__span-8-1"><a id="__codelineno-8-1" name="__codelineno-8-1" href="#__codelineno-8-1"></a><span class="cp">&lt;!DOCTYPE html&gt;</span>
+</span><span id="__span-8-2"><a id="__codelineno-8-2" name="__codelineno-8-2" href="#__codelineno-8-2"></a><span class="p">&lt;</span><span class="nt">html</span><span class="p">&gt;</span>
+</span><span id="__span-8-3"><a id="__codelineno-8-3" name="__codelineno-8-3" href="#__codelineno-8-3"></a><span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
+</span><span id="__span-8-4"><a id="__codelineno-8-4" name="__codelineno-8-4" href="#__codelineno-8-4"></a>  <span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#39;https://unpkg.com/maplibre-gl@4.5.0/dist/maplibre-gl.js&#39;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+</span><span id="__span-8-5"><a id="__codelineno-8-5" name="__codelineno-8-5" href="#__codelineno-8-5"></a>  <span class="p">&lt;</span><span class="nt">link</span> <span class="na">href</span><span class="o">=</span><span class="s">&#39;https://unpkg.com/maplibre-gl@4.5.0/dist/maplibre-gl.css&#39;</span> <span class="na">rel</span><span class="o">=</span><span class="s">&#39;stylesheet&#39;</span> <span class="p">/&gt;</span>
+</span><span id="__span-8-6"><a id="__codelineno-8-6" name="__codelineno-8-6" href="#__codelineno-8-6"></a>  <span class="p">&lt;</span><span class="nt">style</span><span class="p">&gt;</span>
+</span><span id="__span-8-7"><a id="__codelineno-8-7" name="__codelineno-8-7" href="#__codelineno-8-7"></a><span class="w">    </span><span class="nt">body</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+</span><span id="__span-8-8"><a id="__codelineno-8-8" name="__codelineno-8-8" href="#__codelineno-8-8"></a><span class="w">    </span><span class="p">#</span><span class="nn">map</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">height</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">vh</span><span class="p">;</span><span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">vw</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
+</span><span id="__span-8-9"><a id="__codelineno-8-9" name="__codelineno-8-9" href="#__codelineno-8-9"></a><span class="w">  </span><span class="p">&lt;/</span><span class="nt">style</span><span class="p">&gt;</span>
+</span><span id="__span-8-10"><a id="__codelineno-8-10" name="__codelineno-8-10" href="#__codelineno-8-10"></a><span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
+</span><span id="__span-8-11"><a id="__codelineno-8-11" name="__codelineno-8-11" href="#__codelineno-8-11"></a><span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
+</span><span id="__span-8-12"><a id="__codelineno-8-12" name="__codelineno-8-12" href="#__codelineno-8-12"></a>  <span class="p">&lt;</span><span class="nt">div</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;map&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
+</span><span id="__span-8-13"><a id="__codelineno-8-13" name="__codelineno-8-13" href="#__codelineno-8-13"></a>  <span class="p">&lt;</span><span class="nt">script</span><span class="p">&gt;</span>
+</span><span id="__span-8-14"><a id="__codelineno-8-14" name="__codelineno-8-14" href="#__codelineno-8-14"></a><span class="w">    </span><span class="kd">const</span><span class="w"> </span><span class="nx">map</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ow">new</span><span class="w"> </span><span class="nx">maplibregl</span><span class="p">.</span><span class="nb">Map</span><span class="p">({</span>
+</span><span id="__span-8-15"><a id="__codelineno-8-15" name="__codelineno-8-15" href="#__codelineno-8-15"></a><span class="w">      </span><span class="nx">container</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;map&#39;</span><span class="p">,</span>
+</span><span id="__span-8-16"><a id="__codelineno-8-16" name="__codelineno-8-16" href="#__codelineno-8-16"></a><span class="w">      </span><span class="nx">style</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;https://basemaps.linz.govt.nz/v1/styles/topolite-v2.json?api=c01jwykec5weqkbr50vc30xwzgs&#39;</span><span class="p">,</span>
+</span><span id="__span-8-17"><a id="__codelineno-8-17" name="__codelineno-8-17" href="#__codelineno-8-17"></a><span class="w">      </span><span class="nx">center</span><span class="o">:</span><span class="w"> </span><span class="p">[</span><span class="mf">174.7633</span><span class="p">,</span><span class="w"> </span><span class="o">-</span><span class="mf">36.8485</span><span class="p">],</span>
+</span><span id="__span-8-18"><a id="__codelineno-8-18" name="__codelineno-8-18" href="#__codelineno-8-18"></a><span class="w">      </span><span class="nx">zoom</span><span class="o">:</span><span class="w"> </span><span class="mf">10</span>
+</span><span id="__span-8-19"><a id="__codelineno-8-19" name="__codelineno-8-19" href="#__codelineno-8-19"></a><span class="w">    </span><span class="p">});</span>
+</span><span id="__span-8-20"><a id="__codelineno-8-20" name="__codelineno-8-20" href="#__codelineno-8-20"></a><span class="w">  </span><span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+</span><span id="__span-8-21"><a id="__codelineno-8-21" name="__codelineno-8-21" href="#__codelineno-8-21"></a><span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
+</span><span id="__span-8-22"><a id="__codelineno-8-22" name="__codelineno-8-22" href="#__codelineno-8-22"></a><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
 </span></code></pre></div>
 <iframe src="index.maplibre.vector.3857.html" height="500px" width="100%" scrolling="no"></iframe>