npm - @basemaps/landing - Versions diffs - 8.6.0 → 8.11.0 - Mend

@basemaps/landing 8.6.0 → 8.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (209) hide show

package/dist/docs/developer-guide/cli-methods/bundle-the-basemaps-assets-archive/index.html DELETED Viewed

@@ -1,2539 +0,0 @@
-<!doctype html>
-<html lang="en" class="no-js">
-  <head>
-      <meta charset="utf-8">
-      <meta name="viewport" content="width=device-width,initial-scale=1">
-        <link rel="canonical" href="http://localhost:8000/docs/developer-guide/cli-methods/bundle-the-basemaps-assets-archive/">
-        <link rel="prev" href="../../run-basemaps-locally/">
-        <link rel="next" href="../bundle-the-basemaps-config-file/">
-      <link rel="icon" href="../../../assets/images/favicon.png">
-      <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.44">
-        <title>Bundle the basemaps assets archive - LINZ Basemaps</title>
-      <link rel="stylesheet" href="../../../assets/stylesheets/main.0253249f.min.css">
-        <link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i%7COpen+Sans+Mono:400,400i,700,700i&display=fallback">
-        <style>:root{--md-text-font:"Open Sans";--md-code-font:"Open Sans Mono"}</style>
-      <link rel="stylesheet" href="../../../index.css">
-    <script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
-<script id="__analytics">function __md_analytics(){function e(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],e("js",new Date),e("config",""),document.addEventListener("DOMContentLoaded",(function(){document.forms.search&&document.forms.search.query.addEventListener("blur",(function(){this.value&&e("event","search",{search_term:this.value})}));document$.subscribe((function(){var t=document.forms.feedback;if(void 0!==t)for(var a of t.querySelectorAll("[type=submit]"))a.addEventListener("click",(function(a){a.preventDefault();var n=document.location.pathname,d=this.getAttribute("data-md-value");e("event","feedback",{page:n,data:d}),t.firstElementChild.disabled=!0;var r=t.querySelector(".md-feedback__note [data-md-value='"+d+"']");r&&(r.hidden=!1)})),t.hidden=!1})),location$.subscribe((function(t){e("config","",{page_path:t.pathname})}))}));var t=document.createElement("script");t.async=!0,t.src="https://www.googletagmanager.com/gtag/js?id=",document.getElementById("__analytics").insertAdjacentElement("afterEnd",t)}</script>
-    <script>"undefined"!=typeof __md_analytics&&__md_analytics()</script>
-  </head>
-    <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="indigo" data-md-color-accent="indigo">
-    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
-    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
-    <label class="md-overlay" for="__drawer"></label>
-    <div data-md-component="skip">
-        <a href="#bundle-the-basemaps-assets-archive" class="md-skip">
-          Skip to content
-        </a>
-    </div>
-    <div data-md-component="announce">
-    </div>
-<header class="md-header md-header--shadow" data-md-component="header">
-  <nav class="md-header__inner md-grid" aria-label="Header">
-    <a href="../../.." title="LINZ Basemaps" class="md-header__button md-logo" aria-label="LINZ Basemaps" data-md-component="logo">
-  <img src="../../../linz-motif.svg" alt="logo">
-    </a>
-    <label class="md-header__button md-icon" for="__drawer">
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
-    </label>
-    <div class="md-header__title" data-md-component="header-title">
-      <div class="md-header__ellipsis">
-        <div class="md-header__topic">
-          <span class="md-ellipsis">
-            LINZ Basemaps
-          </span>
-        </div>
-        <div class="md-header__topic" data-md-component="header-topic">
-          <span class="md-ellipsis">
-              Bundle the basemaps assets archive
-          </span>
-        </div>
-      </div>
-    </div>
-        <form class="md-header__option" data-md-component="palette">
-    <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="indigo" data-md-color-accent="indigo"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_0">
-      <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_1" hidden>
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
-      </label>
-    <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="indigo" data-md-color-accent="indigo"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_1">
-      <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_0" hidden>
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
-      </label>
-</form>
-      <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
-      <div class="md-header__source">
-        <a href="https://github.com/linz/basemaps" title="Go to repository" class="md-source" data-md-component="source">
-  <div class="md-source__icon md-icon">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
-  </div>
-  <div class="md-source__repository">
-    GitHub
-  </div>
-</a>
-      </div>
-  </nav>
-</header>
-    <div class="md-container" data-md-component="container">
-      <main class="md-main" data-md-component="main">
-        <div class="md-main__inner md-grid">
-              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
-                <div class="md-sidebar__scrollwrap">
-                  <div class="md-sidebar__inner">
-<nav class="md-nav md-nav--primary" aria-label="Navigation" data-md-level="0">
-  <label class="md-nav__title" for="__drawer">
-    <a href="../../.." title="LINZ Basemaps" class="md-nav__button md-logo" aria-label="LINZ Basemaps" data-md-component="logo">
-  <img src="../../../linz-motif.svg" alt="logo">
-    </a>
-    LINZ Basemaps
-  </label>
-    <div class="md-nav__source">
-      <a href="https://github.com/linz/basemaps" title="Go to repository" class="md-source" data-md-component="source">
-  <div class="md-source__icon md-icon">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
-  </div>
-  <div class="md-source__repository">
-    GitHub
-  </div>
-</a>
-    </div>
-  <ul class="md-nav__list" data-md-scrollfix>
-    <li class="md-nav__item">
-      <a href="../../.." class="md-nav__link">
-  <span class="md-ellipsis">
-    LINZ Basemaps
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../configuration/" class="md-nav__link">
-  <span class="md-ellipsis">
-    Configuration
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../deployment/" class="md-nav__link">
-  <span class="md-ellipsis">
-    Deployment
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../quick-start/" class="md-nav__link">
-  <span class="md-ellipsis">
-    Quick start guide
-  </span>
-      </a>
-    </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_5" checked>
-          <div class="md-nav__link md-nav__container">
-            <a href="../../" class="md-nav__link ">
-  <span class="md-ellipsis">
-    Developer guide
-  </span>
-            </a>
-              <label class="md-nav__link " for="__nav_5" id="__nav_5_label" tabindex="0">
-                <span class="md-nav__icon md-icon"></span>
-              </label>
-          </div>
-        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="true">
-          <label class="md-nav__title" for="__nav_5">
-            <span class="md-nav__icon md-icon"></span>
-            Developer guide
-          </label>
-          <ul class="md-nav__list" data-md-scrollfix>
-    <li class="md-nav__item">
-      <a href="../../run-basemaps-locally/" class="md-nav__link">
-  <span class="md-ellipsis">
-    How to run basemaps locally
-  </span>
-      </a>
-    </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_5_3" checked>
-          <label class="md-nav__link" for="__nav_5_3" id="__nav_5_3_label" tabindex="0">
-  <span class="md-ellipsis">
-    Cli methods
-  </span>
-            <span class="md-nav__icon md-icon"></span>
-          </label>
-        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_5_3_label" aria-expanded="true">
-          <label class="md-nav__title" for="__nav_5_3">
-            <span class="md-nav__icon md-icon"></span>
-            Cli methods
-          </label>
-          <ul class="md-nav__list" data-md-scrollfix>
-    <li class="md-nav__item md-nav__item--active">
-      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
-        <label class="md-nav__link md-nav__link--active" for="__toc">
-  <span class="md-ellipsis">
-    Bundle the basemaps assets archive
-  </span>
-          <span class="md-nav__icon md-icon"></span>
-        </label>
-      <a href="./" class="md-nav__link md-nav__link--active">
-  <span class="md-ellipsis">
-    Bundle the basemaps assets archive
-  </span>
-      </a>
-<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="#get-started" class="md-nav__link">
-    <span class="md-ellipsis">
-      Get started
-    </span>
-  </a>
-</li>
-        <li class="md-nav__item">
-  <a href="#generate-the-basemaps-assets" class="md-nav__link">
-    <span class="md-ellipsis">
-      Generate the basemaps assets
-    </span>
-  </a>
-    <nav class="md-nav" aria-label="Generate the basemaps assets">
-      <ul class="md-nav__list">
-          <li class="md-nav__item">
-  <a href="#1-create-local-directory" class="md-nav__link">
-    <span class="md-ellipsis">
-      1. Create local directory
-    </span>
-  </a>
-</li>
-          <li class="md-nav__item">
-  <a href="#2-convert-fonts-into-pbf-protobuf-encoded-glyphs-files" class="md-nav__link">
-    <span class="md-ellipsis">
-      2. Convert fonts into .pbf (protobuf-encoded glyphs) files
-    </span>
-  </a>
-</li>
-          <li class="md-nav__item">
-  <a href="#3-convert-sprite-files-into-sprite-sheets" class="md-nav__link">
-    <span class="md-ellipsis">
-      3. Convert sprite files into sprite sheets
-    </span>
-  </a>
-</li>
-      </ul>
-    </nav>
-</li>
-        <li class="md-nav__item">
-  <a href="#run-the-basemapscli-package" class="md-nav__link">
-    <span class="md-ellipsis">
-      Run the basemaps/cli package
-    </span>
-  </a>
-    <nav class="md-nav" aria-label="Run the basemaps/cli package">
-      <ul class="md-nav__list">
-          <li class="md-nav__item">
-  <a href="#command" class="md-nav__link">
-    <span class="md-ellipsis">
-      Command
-    </span>
-  </a>
-</li>
-          <li class="md-nav__item">
-  <a href="#parameters" class="md-nav__link">
-    <span class="md-ellipsis">
-      Parameters
-    </span>
-  </a>
-</li>
-      </ul>
-    </nav>
-</li>
-    </ul>
-</nav>
-    </li>
-    <li class="md-nav__item">
-      <a href="../bundle-the-basemaps-config-file/" class="md-nav__link">
-  <span class="md-ellipsis">
-    Bundle the basemaps config file
-  </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_5_4" >
-          <label class="md-nav__link" for="__nav_5_4" id="__nav_5_4_label" tabindex="0">
-  <span class="md-ellipsis">
-    Server methods
-  </span>
-            <span class="md-nav__icon md-icon"></span>
-          </label>
-        <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_5_4_label" aria-expanded="false">
-          <label class="md-nav__title" for="__nav_5_4">
-            <span class="md-nav__icon md-icon"></span>
-            Server methods
-          </label>
-          <ul class="md-nav__list" data-md-scrollfix>
-    <li class="md-nav__item">
-      <a href="../../server-methods/serve-basemaps-with-bundled-config-file/" class="md-nav__link">
-  <span class="md-ellipsis">
-    Serve basemaps using a bundled config file
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../server-methods/serve-basemaps-with-collection-of-geotiff-files/" class="md-nav__link">
-  <span class="md-ellipsis">
-    Serve basemaps using a collection of GeoTIFF files
-  </span>
-      </a>
-    </li>
-          </ul>
-        </nav>
-    </li>
-          </ul>
-        </nav>
-    </li>
-    <li class="md-nav__item md-nav__item--nested">
-        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
-          <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
-  <span class="md-ellipsis">
-    Examples
-  </span>
-            <span class="md-nav__icon md-icon"></span>
-          </label>
-        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
-          <label class="md-nav__title" for="__nav_6">
-            <span class="md-nav__icon md-icon"></span>
-            Examples
-          </label>
-          <ul class="md-nav__list" data-md-scrollfix>
-    <li class="md-nav__item">
-      <a href="../../../examples/_overview/" class="md-nav__link">
-  <span class="md-ellipsis">
-    Overview
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../examples/leaflet.xyz.3857/" class="md-nav__link">
-  <span class="md-ellipsis">
-    Leaflet Raster Map
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../examples/maplibre.opacity.3857/" class="md-nav__link">
-  <span class="md-ellipsis">
-    Maplibre Opacity Slider
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../examples/maplibre.vector.3857/" class="md-nav__link">
-  <span class="md-ellipsis">
-    Maplibre Vector Map
-  </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_7" >
-          <div class="md-nav__link md-nav__container">
-            <a href="../../../operator-guide/" class="md-nav__link ">
-  <span class="md-ellipsis">
-    Operator guide
-  </span>
-            </a>
-              <label class="md-nav__link " for="__nav_7" id="__nav_7_label" tabindex="0">
-                <span class="md-nav__icon md-icon"></span>
-              </label>
-          </div>
-        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_7_label" aria-expanded="false">
-          <label class="md-nav__title" for="__nav_7">
-            <span class="md-nav__icon md-icon"></span>
-            Operator guide
-          </label>
-          <ul class="md-nav__list" data-md-scrollfix>
-    <li class="md-nav__item">
-      <a href="../../../operator-guide/cog-quality/" class="md-nav__link">
-  <span class="md-ellipsis">
-    COG Quality
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../operator-guide/empty-tiles/" class="md-nav__link">
-  <span class="md-ellipsis">
-    Sparse Datasets and empty tiles
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../operator-guide/gebco/" class="md-nav__link">
-  <span class="md-ellipsis">
-    Gebco re-project to NZTM2000Quad cog file
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../operator-guide/quick-start/" class="md-nav__link">
-  <span class="md-ellipsis">
-    Running LINZ Basemaps - Quick Start
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../operator-guide/relief-shade/" class="md-nav__link">
-  <span class="md-ellipsis">
-    Relief shade
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../operator-guide/texture-shade/" class="md-nav__link">
-  <span class="md-ellipsis">
-    Texture shading
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../operator-guide/xyz-projection/" class="md-nav__link">
-  <span class="md-ellipsis">
-    XYZ and projection math
-  </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" >
-          <label class="md-nav__link" for="__nav_8" id="__nav_8_label" tabindex="0">
-  <span class="md-ellipsis">
-    User guide
-  </span>
-            <span class="md-nav__icon md-icon"></span>
-          </label>
-        <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_8_label" aria-expanded="false">
-          <label class="md-nav__title" for="__nav_8">
-            <span class="md-nav__icon md-icon"></span>
-            User guide
-          </label>
-          <ul class="md-nav__list" data-md-scrollfix>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/_get-started/" class="md-nav__link">
-  <span class="md-ellipsis">
-    Get started with LINZ Basemaps
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/api-documentation/" class="md-nav__link">
-  <span class="md-ellipsis">
-    API documentation
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/technical-documentation/" class="md-nav__link">
-  <span class="md-ellipsis">
-    Technical documentation and specifications
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item md-nav__item--nested">
-        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_4" >
-          <div class="md-nav__link md-nav__container">
-            <a href="../../../user-guide/use-in-esri-software/" class="md-nav__link ">
-  <span class="md-ellipsis">
-    Use in Esri software
-  </span>
-            </a>
-              <label class="md-nav__link " for="__nav_8_4" id="__nav_8_4_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_4_label" aria-expanded="false">
-          <label class="md-nav__title" for="__nav_8_4">
-            <span class="md-nav__icon md-icon"></span>
-            Use in Esri software
-          </label>
-          <ul class="md-nav__list" data-md-scrollfix>
-    <li class="md-nav__item md-nav__item--nested">
-        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_4_2" >
-          <div class="md-nav__link md-nav__container">
-            <a href="../../../user-guide/use-in-esri-software/how-to-add-emergency-imagery-to-arcgis/" class="md-nav__link ">
-  <span class="md-ellipsis">
-    How to add emergency imagery in ArcGIS
-  </span>
-            </a>
-          </div>
-        <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 add emergency imagery in ArcGIS
-          </label>
-          <ul class="md-nav__list" data-md-scrollfix>
-          </ul>
-        </nav>
-    </li>
-    <li class="md-nav__item md-nav__item--nested">
-        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_4_3" >
-          <div class="md-nav__link md-nav__container">
-            <a href="../../../user-guide/use-in-esri-software/how-to-add-individual-linz-basemaps-layers-to-arcgis/" class="md-nav__link ">
-  <span class="md-ellipsis">
-    How to add individual LINZ Basemap layers to ArcGIS
-  </span>
-            </a>
-          </div>
-        <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 add individual LINZ Basemap layers to ArcGIS
-          </label>
-          <ul class="md-nav__list" data-md-scrollfix>
-          </ul>
-        </nav>
-    </li>
-    <li class="md-nav__item md-nav__item--nested">
-        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_4_4" >
-          <div class="md-nav__link md-nav__container">
-            <a href="../../../user-guide/use-in-esri-software/how-to-add-linz-aerial-imagery-basemaps-to-arcgis-online/" class="md-nav__link ">
-  <span class="md-ellipsis">
-    How to add LINZ aerial imagery Basemaps to ArcGIS Online
-  </span>
-            </a>
-          </div>
-        <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>
-            How to add LINZ aerial imagery Basemaps to ArcGIS Online
-          </label>
-          <ul class="md-nav__list" data-md-scrollfix>
-          </ul>
-        </nav>
-    </li>
-    <li class="md-nav__item md-nav__item--nested">
-        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_4_5" >
-          <div class="md-nav__link md-nav__container">
-            <a href="../../../user-guide/use-in-esri-software/how-to-add-linz-basemaps-to-arcgis-online-basemaps/" class="md-nav__link ">
-  <span class="md-ellipsis">
-    How to add LINZ Basemaps to ArcGIS Online Basemaps
-  </span>
-            </a>
-          </div>
-        <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 LINZ Basemaps to ArcGIS Online Basemaps
-          </label>
-          <ul class="md-nav__list" data-md-scrollfix>
-          </ul>
-        </nav>
-    </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" >
-          <div class="md-nav__link md-nav__container">
-            <a href="../../../user-guide/working-with-vector-tiles/" class="md-nav__link ">
-  <span class="md-ellipsis">
-    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="2" aria-labelledby="__nav_8_5_label" aria-expanded="false">
-          <label class="md-nav__title" for="__nav_8_5">
-            <span class="md-nav__icon md-icon"></span>
-            Working with Vector Tiles
-          </label>
-          <ul class="md-nav__list" data-md-scrollfix>
-    <li class="md-nav__item md-nav__item--nested">
-        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_5_2" >
-          <div class="md-nav__link md-nav__container">
-            <a href="../../../user-guide/working-with-vector-tiles/creation/" class="md-nav__link ">
-  <span class="md-ellipsis">
-    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_2_label" aria-expanded="false">
-          <label class="md-nav__title" for="__nav_8_5_2">
-            <span class="md-nav__icon md-icon"></span>
-            Creation
-          </label>
-          <ul class="md-nav__list" data-md-scrollfix>
-    <li class="md-nav__item md-nav__item--nested">
-        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_5_2_2" >
-          <label class="md-nav__link" for="__nav_8_5_2_2" id="__nav_8_5_2_2_label" tabindex="0">
-  <span class="md-ellipsis">
-    Inputs
-  </span>
-            <span class="md-nav__icon md-icon"></span>
-          </label>
-        <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>
-            Inputs
-          </label>
-          <ul class="md-nav__list" data-md-scrollfix>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/creation/inputs/json-schema-file/" class="md-nav__link">
-  <span class="md-ellipsis">
-    JSON Schema File
-  </span>
-      </a>
-    </li>
-          </ul>
-        </nav>
-    </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_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="../../../user-guide/working-with-vector-tiles/schema/addresses/" class="md-nav__link">
-  <span class="md-ellipsis">
-    addresses
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/schema/aerialways/" class="md-nav__link">
-  <span class="md-ellipsis">
-    aerialways
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/schema/boundaries/" class="md-nav__link">
-  <span class="md-ellipsis">
-    boundaries
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/schema/buildings/" class="md-nav__link">
-  <span class="md-ellipsis">
-    buildings
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/schema/contours/" class="md-nav__link">
-  <span class="md-ellipsis">
-    contours
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/schema/dam_lines/" class="md-nav__link">
-  <span class="md-ellipsis">
-    dam_lines
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/schema/ferries/" class="md-nav__link">
-  <span class="md-ellipsis">
-    ferries
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/schema/land/" class="md-nav__link">
-  <span class="md-ellipsis">
-    land
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/schema/parcel_boundaries/" class="md-nav__link">
-  <span class="md-ellipsis">
-    parcel_boundaries
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/schema/pier_lines/" class="md-nav__link">
-  <span class="md-ellipsis">
-    pier_lines
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/schema/place_labels/" class="md-nav__link">
-  <span class="md-ellipsis">
-    place_labels
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/schema/pois/" class="md-nav__link">
-  <span class="md-ellipsis">
-    pois
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/schema/public_transport/" class="md-nav__link">
-  <span class="md-ellipsis">
-    public_transport
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/schema/sites/" class="md-nav__link">
-  <span class="md-ellipsis">
-    sites
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/schema/street_labels/" class="md-nav__link">
-  <span class="md-ellipsis">
-    street_labels
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/schema/street_polygons/" class="md-nav__link">
-  <span class="md-ellipsis">
-    street_polygons
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/schema/streets/" class="md-nav__link">
-  <span class="md-ellipsis">
-    streets
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/schema/water_lines/" class="md-nav__link">
-  <span class="md-ellipsis">
-    water_lines
-  </span>
-      </a>
-    </li>
-    <li class="md-nav__item">
-      <a href="../../../user-guide/working-with-vector-tiles/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="../../../user-guide/working-with-vector-tiles/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--nested">
-        <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8_5_5" >
-          <div class="md-nav__link md-nav__container">
-            <a href="../../../user-guide/working-with-vector-tiles/usage/" class="md-nav__link ">
-  <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="false">
-          <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="#get-started" class="md-nav__link">
-    <span class="md-ellipsis">
-      Get started
-    </span>
-  </a>
-</li>
-        <li class="md-nav__item">
-  <a href="#generate-the-basemaps-assets" class="md-nav__link">
-    <span class="md-ellipsis">
-      Generate the basemaps assets
-    </span>
-  </a>
-    <nav class="md-nav" aria-label="Generate the basemaps assets">
-      <ul class="md-nav__list">
-          <li class="md-nav__item">
-  <a href="#1-create-local-directory" class="md-nav__link">
-    <span class="md-ellipsis">
-      1. Create local directory
-    </span>
-  </a>
-</li>
-          <li class="md-nav__item">
-  <a href="#2-convert-fonts-into-pbf-protobuf-encoded-glyphs-files" class="md-nav__link">
-    <span class="md-ellipsis">
-      2. Convert fonts into .pbf (protobuf-encoded glyphs) files
-    </span>
-  </a>
-</li>
-          <li class="md-nav__item">
-  <a href="#3-convert-sprite-files-into-sprite-sheets" class="md-nav__link">
-    <span class="md-ellipsis">
-      3. Convert sprite files into sprite sheets
-    </span>
-  </a>
-</li>
-      </ul>
-    </nav>
-</li>
-        <li class="md-nav__item">
-  <a href="#run-the-basemapscli-package" class="md-nav__link">
-    <span class="md-ellipsis">
-      Run the basemaps/cli package
-    </span>
-  </a>
-    <nav class="md-nav" aria-label="Run the basemaps/cli package">
-      <ul class="md-nav__list">
-          <li class="md-nav__item">
-  <a href="#command" class="md-nav__link">
-    <span class="md-ellipsis">
-      Command
-    </span>
-  </a>
-</li>
-          <li class="md-nav__item">
-  <a href="#parameters" class="md-nav__link">
-    <span class="md-ellipsis">
-      Parameters
-    </span>
-  </a>
-</li>
-      </ul>
-    </nav>
-</li>
-    </ul>
-</nav>
-                  </div>
-                </div>
-              </div>
-            <div class="md-content" data-md-component="content">
-              <article class="md-content__inner md-typeset">
-<h1 id="bundle-the-basemaps-assets-archive">Bundle the <code>basemaps</code> assets archive</h1>
-<p>This guide explains how to generate the <code>basemaps</code> bundled assets archive using the <strong>basemaps/cli</strong> package.</p>
-<h2 id="get-started">Get started</h2>
-<p>Clone the <a href="https://github.com/linz/basemaps-config"><strong>linz/basemaps-config</strong></a> repository to your machine.</p>
-<div class="tabbed-set tabbed-alternate" data-tabs="1:3"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><input id="__tabbed_1_3" name="__tabbed_1" type="radio" /><div class="tabbed-labels"><label for="__tabbed_1_1">HTTPS</label><label for="__tabbed_1_2">SSH</label><label for="__tabbed_1_3">GitHub CLI</label></div>
-<div class="tabbed-content">
-<div class="tabbed-block">
-<div class="language-bash highlight"><pre><span></span><code><span id="__span-0-1"><a id="__codelineno-0-1" name="__codelineno-0-1" href="#__codelineno-0-1"></a>git<span class="w"> </span>clone<span class="w"> </span>https://github.com/linz/basemaps-config.git
-</span></code></pre></div>
-</div>
-<div class="tabbed-block">
-<div class="language-bash highlight"><pre><span></span><code><span id="__span-1-1"><a id="__codelineno-1-1" name="__codelineno-1-1" href="#__codelineno-1-1"></a>git<span class="w"> </span>clone<span class="w"> </span>git@github.com:linz/basemaps-config.git
-</span></code></pre></div>
-</div>
-<div class="tabbed-block">
-<div class="language-bash highlight"><pre><span></span><code><span id="__span-2-1"><a id="__codelineno-2-1" name="__codelineno-2-1" href="#__codelineno-2-1"></a>gh<span class="w"> </span>repo<span class="w"> </span>clone<span class="w"> </span>linz/basemaps-config
-</span></code></pre></div>
-</div>
-</div>
-</div>
-<div class="admonition abstract">
-<p class="admonition-title">Paths</p>
-<p>This guide uses variables as shorthand to reference key directories and files. On your machine, note the following paths:</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"><code>BM_CONFIG_REPO</code></label><label for="__tabbed_2_2"><code>BM_CLI_BUILD</code></label><label for="__tabbed_2_3"><code>BM_SPRITES_BIN</code></label></div>
-<div class="tabbed-content">
-<div class="tabbed-block">
-<p>The path to the <strong>basemaps-config</strong> repository folder on your machine.</p>
-<div class="language-bash highlight"><pre><span></span><code><span id="__span-3-1"><a id="__codelineno-3-1" name="__codelineno-3-1" href="#__codelineno-3-1"></a><span class="nv">$BM_CONFIG_REPO</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">{</span>path_to<span class="o">}</span>/basemaps-config
-</span></code></pre></div>
-</div>
-<div class="tabbed-block">
-<p>The <strong>basemaps/cli</strong> package provides a <strong>bundle-assets</strong> function we can use to generate a bundled assets archive.</p>
-<p>The path to the <strong>build</strong> folder of the <strong>basemaps/cli</strong> package.</p>
-<div class="language-bash highlight"><pre><span></span><code><span id="__span-4-1"><a id="__codelineno-4-1" name="__codelineno-4-1" href="#__codelineno-4-1"></a><span class="nv">$BM_CLI_BUILD</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nv">$BM_REPO</span>/packages/cli/build/cli
-</span></code></pre></div>
-</div>
-<div class="tabbed-block">
-<p>The <strong>basemaps/sprites</strong> package provides a default function we can use to generate sprite sheets from a collection of sprite images.</p>
-<p>The path to the <strong>bin</strong> folder of the <strong>basemaps/sprites</strong> package.</p>
-<div class="language-bash highlight"><pre><span></span><code><span id="__span-5-1"><a id="__codelineno-5-1" name="__codelineno-5-1" href="#__codelineno-5-1"></a><span class="nv">$BM_SPRITES_BIN</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nv">$BM_REPO</span>/packages/sprites/bin
-</span></code></pre></div>
-</div>
-</div>
-</div>
-</div>
-<h2 id="generate-the-basemaps-assets">Generate the <code>basemaps</code> assets</h2>
-<h3 id="1-create-local-directory">1. Create local directory</h3>
-<p>To prepare for bundling the <code>basemaps</code> assets archive, create a local directory on your machine with the following subdirectory structure:</p>
-<div class="language-md highlight"><pre><span></span><code><span id="__span-6-1"><a id="__codelineno-6-1" name="__codelineno-6-1" href="#__codelineno-6-1"></a><span class="k">-</span><span class="w"> </span>assets
-</span><span id="__span-6-2"><a id="__codelineno-6-2" name="__codelineno-6-2" href="#__codelineno-6-2"></a><span class="w">  </span><span class="k">-</span><span class="w"> </span>fonts
-</span><span id="__span-6-3"><a id="__codelineno-6-3" name="__codelineno-6-3" href="#__codelineno-6-3"></a><span class="w">  </span><span class="k">-</span><span class="w"> </span>sprites
-</span></code></pre></div>
-<p>You can specify a location and directory name of your choice.</p>
-<div class="admonition abstract">
-<p class="admonition-title">Path</p>
-<p>On your machine, consider the following path:</p>
-<div class="tabbed-set tabbed-alternate" data-tabs="3:1"><input checked="checked" id="__tabbed_3_1" name="__tabbed_3" type="radio" /><div class="tabbed-labels"><label for="__tabbed_3_1"><code>ASSETS_DIR</code></label></div>
-<div class="tabbed-content">
-<div class="tabbed-block">
-<p>The path to the created directory on your machine.</p>
-<div class="language-bash highlight"><pre><span></span><code><span id="__span-7-1"><a id="__codelineno-7-1" name="__codelineno-7-1" href="#__codelineno-7-1"></a><span class="nv">$ASSETS_DIR</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="o">{</span>path_to_directory<span class="o">}</span>
-</span></code></pre></div>
-</div>
-</div>
-</div>
-</div>
-<h3 id="2-convert-fonts-into-pbf-protobuf-encoded-glyphs-files">2. Convert fonts into <code>.pbf</code> (protobuf-encoded glyphs) files</h3>
-<p>To generate the <code>basemaps</code> <code>.pbf</code> files, follow the instructions described in this <a href="https://github.com/linz/basemaps-config/tree/master/config/fonts">README.md</a> file. Alternatively, there is a <a href="https://github.com/korywka/fonts.pbf">repository</a> containing various fonts that have already been converted into the <code>.pbf</code> format.</p>
-<p>Move the generated and/or downloaded collections of <code>.pbf</code> files <strong>into</strong> the following directory:</p>
-<div class="language-text highlight"><pre><span></span><code><span id="__span-8-1"><a id="__codelineno-8-1" name="__codelineno-8-1" href="#__codelineno-8-1"></a>$ASSETS_DIR/assets/fonts
-</span></code></pre></div>
-<p>The contents of your <code>$ASSETS_DIR/assets/fonts</code> directory should look similar to the following:</p>
-<div class="language-md highlight"><pre><span></span><code><span id="__span-9-1"><a id="__codelineno-9-1" name="__codelineno-9-1" href="#__codelineno-9-1"></a><span class="k">-</span><span class="w"> </span>$ASSETS_DIR/assets/fonts
-</span><span id="__span-9-2"><a id="__codelineno-9-2" name="__codelineno-9-2" href="#__codelineno-9-2"></a><span class="w">  </span><span class="k">-</span><span class="w"> </span>Noto Sans Bold
-</span><span id="__span-9-3"><a id="__codelineno-9-3" name="__codelineno-9-3" href="#__codelineno-9-3"></a><span class="w">    </span><span class="k">-</span><span class="w"> </span>0-255.pbf
-</span><span id="__span-9-4"><a id="__codelineno-9-4" name="__codelineno-9-4" href="#__codelineno-9-4"></a><span class="w">    </span><span class="k">-</span><span class="w"> </span>...
-</span><span id="__span-9-5"><a id="__codelineno-9-5" name="__codelineno-9-5" href="#__codelineno-9-5"></a><span class="w">  </span><span class="k">-</span><span class="w"> </span>Open Sans Bold
-</span><span id="__span-9-6"><a id="__codelineno-9-6" name="__codelineno-9-6" href="#__codelineno-9-6"></a><span class="w">    </span><span class="k">-</span><span class="w"> </span>0-255.pbf
-</span><span id="__span-9-7"><a id="__codelineno-9-7" name="__codelineno-9-7" href="#__codelineno-9-7"></a><span class="w">    </span><span class="k">-</span><span class="w"> </span>...
-</span></code></pre></div>
-<h3 id="3-convert-sprite-files-into-sprite-sheets">3. Convert sprite files into sprite sheets</h3>
-<p>Use the following command to generate the <code>basemaps</code> sprite sheets from the collection of topographic sprite files:</p>
-<div class="language-bash highlight"><pre><span></span><code><span id="__span-10-1"><a id="__codelineno-10-1" name="__codelineno-10-1" href="#__codelineno-10-1"></a>node<span class="w"> </span><span class="nv">$BM_SPRITES_BIN</span>/basemaps-sprites.mjs<span class="w"> </span><span class="se">\</span>
-</span><span id="__span-10-2"><a id="__codelineno-10-2" name="__codelineno-10-2" href="#__codelineno-10-2"></a><span class="nv">$BM_CONFIG_REPO</span>/config/sprites/topographic
-</span></code></pre></div>
-<p>The above command will output the resulting sprite sheets to the location from which you executed the command. Move the outputted files <strong>into</strong> the following directory:</p>
-<div class="language-md highlight"><pre><span></span><code><span id="__span-11-1"><a id="__codelineno-11-1" name="__codelineno-11-1" href="#__codelineno-11-1"></a>$ASSETS_DIR/assets/sprites
-</span></code></pre></div>
-<p>The contents of your <code>$ASSETS_DIR/assets/sprites</code> directory should look similar to the following:</p>
-<div class="language-md highlight"><pre><span></span><code><span id="__span-12-1"><a id="__codelineno-12-1" name="__codelineno-12-1" href="#__codelineno-12-1"></a><span class="k">-</span><span class="w"> </span>$ASSETS_DIR/assets/sprites
-</span><span id="__span-12-2"><a id="__codelineno-12-2" name="__codelineno-12-2" href="#__codelineno-12-2"></a><span class="w">  </span><span class="k">-</span><span class="w"> </span>topographic.json
-</span><span id="__span-12-3"><a id="__codelineno-12-3" name="__codelineno-12-3" href="#__codelineno-12-3"></a><span class="w">  </span><span class="k">-</span><span class="w"> </span>topographic.png
-</span><span id="__span-12-4"><a id="__codelineno-12-4" name="__codelineno-12-4" href="#__codelineno-12-4"></a><span class="w">  </span><span class="k">-</span><span class="w"> </span>topographic@2x.json
-</span><span id="__span-12-5"><a id="__codelineno-12-5" name="__codelineno-12-5" href="#__codelineno-12-5"></a><span class="w">  </span><span class="k">-</span><span class="w"> </span>topographic@2x.png
-</span></code></pre></div>
-<h2 id="run-the-basemapscli-package">Run the <code>basemaps/cli</code> package</h2>
-<h3 id="command">Command</h3>
-<p>Use the following command to bundle the <code>basemaps</code> assets archive:</p>
-<div class="language-bash highlight"><pre><span></span><code><span id="__span-13-1"><a id="__codelineno-13-1" name="__codelineno-13-1" href="#__codelineno-13-1"></a>node<span class="w"> </span><span class="nv">$BM_CLI_BUILD</span>/bin.js<span class="w"> </span>bundle-assets<span class="w"> </span><span class="se">\</span>
-</span><span id="__span-13-2"><a id="__codelineno-13-2" name="__codelineno-13-2" href="#__codelineno-13-2"></a><span class="w">    </span>--assets<span class="w"> </span><span class="nv">$ASSETS_DIR</span><span class="w"> </span><span class="se">\</span>
-</span><span id="__span-13-3"><a id="__codelineno-13-3" name="__codelineno-13-3" href="#__codelineno-13-3"></a><span class="w">    </span>--output<span class="w"> </span>assets.bundle.tar.co<span class="w"> </span><span class="se">\</span>
-</span></code></pre></div>
-<h3 id="parameters">Parameters</h3>
-<div class="tabbed-set tabbed-alternate" data-tabs="4:2"><input checked="checked" id="__tabbed_4_1" name="__tabbed_4" type="radio" /><input id="__tabbed_4_2" name="__tabbed_4" type="radio" /><div class="tabbed-labels"><label for="__tabbed_4_1"><code>--assets</code></label><label for="__tabbed_4_2"><code>--output</code></label></div>
-<div class="tabbed-content">
-<div class="tabbed-block">
-<p>Specifies the location of the assets folder to use. This folder refers to that which contains the <code>.pbf</code> files and sprite sheets on your local machine.</p>
-</div>
-<div class="tabbed-block">
-<p>Specifies where to save the bundled assets archive, relative to the location from which you execute the command. You can specify a location and filename of your choice.</p>
-</div>
-</div>
-</div>
-<!-- external links -->
-              </article>
-            </div>
-<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
-        </div>
-      </main>
-        <footer class="md-footer">
-  <div class="md-footer-meta md-typeset">
-    <div class="md-footer-meta__inner md-grid">
-      <div class="md-copyright">
-    <div class="md-copyright__highlight">
-      <a href="https://www.linz.govt.nz/copyright">© CC BY 4.0 LINZ</a>
-    </div>
-    Made with
-    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
-      Material for MkDocs
-    </a>
-</div>
-    </div>
-  </div>
-</footer>
-    </div>
-    <div class="md-dialog" data-md-component="dialog">
-      <div class="md-dialog__inner md-typeset"></div>
-    </div>
-    <script id="__config" type="application/json">{"base": "../../..", "features": ["navigation.indexes", "content.code.copy"], "search": "../../../assets/javascripts/workers/search.6ce7567c.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
-      <script src="../../../assets/javascripts/bundle.83f73b43.min.js"></script>
-  </body>
-</html>