@basemaps/landing 6.45.0 → 7.0.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 (96) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/README.md +0 -2
  3. package/build/components/layer.switcher.dropdown.d.ts.map +1 -1
  4. package/build/components/layer.switcher.dropdown.js +19 -18
  5. package/build/components/layer.switcher.dropdown.js.map +1 -1
  6. package/build/components/map.switcher.d.ts.map +1 -1
  7. package/build/components/map.switcher.js +3 -1
  8. package/build/components/map.switcher.js.map +1 -1
  9. package/build/config.map.d.ts +2 -2
  10. package/build/config.map.d.ts.map +1 -1
  11. package/build/config.map.js +34 -12
  12. package/build/config.map.js.map +1 -1
  13. package/dist/docs/404.html +824 -0
  14. package/dist/docs/assets/images/favicon.png +0 -0
  15. package/dist/docs/assets/javascripts/bundle.cd18aaf1.min.js +29 -0
  16. package/dist/docs/assets/javascripts/bundle.cd18aaf1.min.js.map +7 -0
  17. package/dist/docs/assets/javascripts/lunr/min/lunr.ar.min.js +1 -0
  18. package/dist/docs/assets/javascripts/lunr/min/lunr.da.min.js +18 -0
  19. package/dist/docs/assets/javascripts/lunr/min/lunr.de.min.js +18 -0
  20. package/dist/docs/assets/javascripts/lunr/min/lunr.du.min.js +18 -0
  21. package/dist/docs/assets/javascripts/lunr/min/lunr.el.min.js +1 -0
  22. package/dist/docs/assets/javascripts/lunr/min/lunr.es.min.js +18 -0
  23. package/dist/docs/assets/javascripts/lunr/min/lunr.fi.min.js +18 -0
  24. package/dist/docs/assets/javascripts/lunr/min/lunr.fr.min.js +18 -0
  25. package/dist/docs/assets/javascripts/lunr/min/lunr.he.min.js +1 -0
  26. package/dist/docs/assets/javascripts/lunr/min/lunr.hi.min.js +1 -0
  27. package/dist/docs/assets/javascripts/lunr/min/lunr.hu.min.js +18 -0
  28. package/dist/docs/assets/javascripts/lunr/min/lunr.hy.min.js +1 -0
  29. package/dist/docs/assets/javascripts/lunr/min/lunr.it.min.js +18 -0
  30. package/dist/docs/assets/javascripts/lunr/min/lunr.ja.min.js +1 -0
  31. package/dist/docs/assets/javascripts/lunr/min/lunr.jp.min.js +1 -0
  32. package/dist/docs/assets/javascripts/lunr/min/lunr.kn.min.js +1 -0
  33. package/dist/docs/assets/javascripts/lunr/min/lunr.ko.min.js +1 -0
  34. package/dist/docs/assets/javascripts/lunr/min/lunr.multi.min.js +1 -0
  35. package/dist/docs/assets/javascripts/lunr/min/lunr.nl.min.js +18 -0
  36. package/dist/docs/assets/javascripts/lunr/min/lunr.no.min.js +18 -0
  37. package/dist/docs/assets/javascripts/lunr/min/lunr.pt.min.js +18 -0
  38. package/dist/docs/assets/javascripts/lunr/min/lunr.ro.min.js +18 -0
  39. package/dist/docs/assets/javascripts/lunr/min/lunr.ru.min.js +18 -0
  40. package/dist/docs/assets/javascripts/lunr/min/lunr.sa.min.js +1 -0
  41. package/dist/docs/assets/javascripts/lunr/min/lunr.stemmer.support.min.js +1 -0
  42. package/dist/docs/assets/javascripts/lunr/min/lunr.sv.min.js +18 -0
  43. package/dist/docs/assets/javascripts/lunr/min/lunr.ta.min.js +1 -0
  44. package/dist/docs/assets/javascripts/lunr/min/lunr.te.min.js +1 -0
  45. package/dist/docs/assets/javascripts/lunr/min/lunr.th.min.js +1 -0
  46. package/dist/docs/assets/javascripts/lunr/min/lunr.tr.min.js +18 -0
  47. package/dist/docs/assets/javascripts/lunr/min/lunr.vi.min.js +1 -0
  48. package/dist/docs/assets/javascripts/lunr/min/lunr.zh.min.js +1 -0
  49. package/dist/docs/assets/javascripts/lunr/tinyseg.js +206 -0
  50. package/dist/docs/assets/javascripts/lunr/wordcut.js +6708 -0
  51. package/dist/docs/assets/javascripts/workers/search.f886a092.min.js +42 -0
  52. package/dist/docs/assets/javascripts/workers/search.f886a092.min.js.map +7 -0
  53. package/dist/docs/assets/stylesheets/main.fad675c6.min.css +1 -0
  54. package/dist/docs/assets/stylesheets/main.fad675c6.min.css.map +1 -0
  55. package/dist/docs/assets/stylesheets/palette.356b1318.min.css +1 -0
  56. package/dist/docs/assets/stylesheets/palette.356b1318.min.css.map +1 -0
  57. package/dist/docs/configuration/index.html +981 -0
  58. package/dist/docs/deployment/index.html +932 -0
  59. package/dist/docs/developer-guide/index.html +884 -0
  60. package/dist/docs/examples/_overview/index.html +870 -0
  61. package/dist/docs/examples/index.leaflet.xyz.3857.html +38 -0
  62. package/dist/docs/examples/index.maplibre.opacity.3857.html +215 -0
  63. package/dist/docs/examples/index.maplibre.vector.3857.html +45 -0
  64. package/dist/docs/examples/leaflet.xyz.3857/index.html +904 -0
  65. package/dist/docs/examples/maplibre.opacity.3857/index.html +1081 -0
  66. package/dist/docs/examples/maplibre.vector.3857/index.html +911 -0
  67. package/dist/docs/index.css +3 -0
  68. package/dist/docs/index.html +1141 -0
  69. package/dist/docs/linz-motif.svg +124 -0
  70. package/dist/docs/operator-guide/cog-quality/index.html +1121 -0
  71. package/dist/docs/operator-guide/empty-tiles/index.html +990 -0
  72. package/dist/docs/operator-guide/index.html +859 -0
  73. package/dist/docs/operator-guide/quick-start/index.html +1104 -0
  74. package/dist/docs/operator-guide/relief-shade/index.html +971 -0
  75. package/dist/docs/operator-guide/static/2023-06-26-gisborne-2023.png +0 -0
  76. package/dist/docs/operator-guide/static/quality__005_006_0_bilinear.webp +0 -0
  77. package/dist/docs/operator-guide/static/quality__005_006_0_lanczos.webp +0 -0
  78. package/dist/docs/operator-guide/static/quality__i6.bilinear.webp +0 -0
  79. package/dist/docs/operator-guide/static/quality__i6.cubic.webp +0 -0
  80. package/dist/docs/operator-guide/static/quality__i6.lanczos.webp +0 -0
  81. package/dist/docs/operator-guide/static/quality__resampling-overview.webp +0 -0
  82. package/dist/docs/operator-guide/static/quick-start__layers.png +0 -0
  83. package/dist/docs/operator-guide/static/relief__aerial.webp +0 -0
  84. package/dist/docs/operator-guide/static/relief__base.webp +0 -0
  85. package/dist/docs/operator-guide/static/relief__darken.webp +0 -0
  86. package/dist/docs/operator-guide/static/relief__lighten.webp +0 -0
  87. package/dist/docs/operator-guide/texture-shade/index.html +1014 -0
  88. package/dist/docs/quick-start/index.html +872 -0
  89. package/dist/docs/search/search_index.json +1 -0
  90. package/dist/docs/sitemap.xml +83 -0
  91. package/dist/docs/sitemap.xml.gz +0 -0
  92. package/dist/docs/static/basemaps-service.png +0 -0
  93. package/dist/docs/static/tile-resize.png +0 -0
  94. package/dist/docs/static/workflow-run.png +0 -0
  95. package/dist/docs/user-guide/index.html +856 -0
  96. package/package.json +7 -7
@@ -0,0 +1,971 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en" class="no-js">
4
+ <head>
5
+
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width,initial-scale=1">
8
+
9
+
10
+
11
+ <link rel="canonical" href="http://localhost:8000/docs/operator-guide/relief-shade/">
12
+
13
+
14
+ <link rel="prev" href="../quick-start/">
15
+
16
+
17
+ <link rel="next" href="../texture-shade/">
18
+
19
+
20
+ <link rel="icon" href="../../assets/images/favicon.png">
21
+ <meta name="generator" content="mkdocs-1.5.3, mkdocs-material-9.4.14">
22
+
23
+
24
+
25
+ <title>Relief shade - LINZ Basemaps</title>
26
+
27
+
28
+
29
+ <link rel="stylesheet" href="../../assets/stylesheets/main.fad675c6.min.css">
30
+
31
+
32
+ <link rel="stylesheet" href="../../assets/stylesheets/palette.356b1318.min.css">
33
+
34
+
35
+
36
+
37
+
38
+
39
+
40
+
41
+
42
+
43
+
44
+
45
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
46
+ <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">
47
+ <style>:root{--md-text-font:"Open Sans";--md-code-font:"Open Sans Mono"}</style>
48
+
49
+
50
+
51
+ <link rel="stylesheet" href="../../index.css">
52
+
53
+ <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>
54
+
55
+
56
+
57
+
58
+
59
+
60
+
61
+
62
+ <script id="__analytics">function __md_analytics(){function n(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],n("js",new Date),n("config",""),document.addEventListener("DOMContentLoaded",function(){document.forms.search&&document.forms.search.query.addEventListener("blur",function(){this.value&&n("event","search",{search_term:this.value})}),document$.subscribe(function(){var a=document.forms.feedback;if(void 0!==a)for(var e of a.querySelectorAll("[type=submit]"))e.addEventListener("click",function(e){e.preventDefault();var t=document.location.pathname,e=this.getAttribute("data-md-value");n("event","feedback",{page:t,data:e}),a.firstElementChild.disabled=!0;e=a.querySelector(".md-feedback__note [data-md-value='"+e+"']");e&&(e.hidden=!1)}),a.hidden=!1}),location$.subscribe(function(e){n("config","",{page_path:e.pathname})})});var e=document.createElement("script");e.async=!0,e.src="https://www.googletagmanager.com/gtag/js?id=",document.getElementById("__analytics").insertAdjacentElement("afterEnd",e)}</script>
63
+
64
+ <script>"undefined"!=typeof __md_analytics&&__md_analytics()</script>
65
+
66
+
67
+
68
+
69
+
70
+ </head>
71
+
72
+
73
+
74
+
75
+
76
+
77
+
78
+
79
+
80
+ <body dir="ltr" data-md-color-scheme="default" data-md-color-primary="indigo" data-md-color-accent="indigo">
81
+
82
+
83
+
84
+ <script>var palette=__md_get("__palette");if(palette&&"object"==typeof palette.color)for(var key of Object.keys(palette.color))document.body.setAttribute("data-md-color-"+key,palette.color[key])</script>
85
+
86
+ <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
87
+ <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
88
+ <label class="md-overlay" for="__drawer"></label>
89
+ <div data-md-component="skip">
90
+
91
+
92
+ <a href="#relief-shade" class="md-skip">
93
+ Skip to content
94
+ </a>
95
+
96
+ </div>
97
+ <div data-md-component="announce">
98
+
99
+ </div>
100
+
101
+
102
+
103
+
104
+
105
+
106
+ <header class="md-header md-header--shadow" data-md-component="header">
107
+ <nav class="md-header__inner md-grid" aria-label="Header">
108
+ <a href="../.." title="LINZ Basemaps" class="md-header__button md-logo" aria-label="LINZ Basemaps" data-md-component="logo">
109
+
110
+ <img src="../../linz-motif.svg" alt="logo">
111
+
112
+ </a>
113
+ <label class="md-header__button md-icon" for="__drawer">
114
+
115
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2Z"/></svg>
116
+ </label>
117
+ <div class="md-header__title" data-md-component="header-title">
118
+ <div class="md-header__ellipsis">
119
+ <div class="md-header__topic">
120
+ <span class="md-ellipsis">
121
+ LINZ Basemaps
122
+ </span>
123
+ </div>
124
+ <div class="md-header__topic" data-md-component="header-topic">
125
+ <span class="md-ellipsis">
126
+
127
+ Relief shade
128
+
129
+ </span>
130
+ </div>
131
+ </div>
132
+ </div>
133
+
134
+
135
+ <form class="md-header__option" data-md-component="palette">
136
+
137
+
138
+
139
+
140
+ <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_1">
141
+
142
+ <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_2" hidden>
143
+ <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 12 20 8.69Z"/></svg>
144
+ </label>
145
+
146
+
147
+
148
+
149
+
150
+ <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_2">
151
+
152
+ <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_1" hidden>
153
+ <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 12c0-2.42-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 12 20 8.69Z"/></svg>
154
+ </label>
155
+
156
+
157
+ </form>
158
+
159
+
160
+
161
+
162
+ <label class="md-header__button md-icon" for="__search">
163
+
164
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>
165
+ </label>
166
+ <div class="md-search" data-md-component="search" role="dialog">
167
+ <label class="md-search__overlay" for="__search"></label>
168
+ <div class="md-search__inner" role="search">
169
+ <form class="md-search__form" name="search">
170
+ <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
171
+ <label class="md-search__icon md-icon" for="__search">
172
+
173
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>
174
+
175
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
176
+ </label>
177
+ <nav class="md-search__options" aria-label="Search">
178
+
179
+ <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
180
+
181
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z"/></svg>
182
+ </button>
183
+ </nav>
184
+
185
+ </form>
186
+ <div class="md-search__output">
187
+ <div class="md-search__scrollwrap" data-md-scrollfix>
188
+ <div class="md-search-result" data-md-component="search-result">
189
+ <div class="md-search-result__meta">
190
+ Initializing search
191
+ </div>
192
+ <ol class="md-search-result__list" role="presentation"></ol>
193
+ </div>
194
+ </div>
195
+ </div>
196
+ </div>
197
+ </div>
198
+
199
+
200
+ <div class="md-header__source">
201
+ <a href="https://github.com/linz/basemaps" title="Go to repository" class="md-source" data-md-component="source">
202
+ <div class="md-source__icon md-icon">
203
+
204
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 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 2023 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.81z"/></svg>
205
+ </div>
206
+ <div class="md-source__repository">
207
+ GitHub
208
+ </div>
209
+ </a>
210
+ </div>
211
+
212
+ </nav>
213
+
214
+ </header>
215
+
216
+ <div class="md-container" data-md-component="container">
217
+
218
+
219
+
220
+
221
+
222
+
223
+ <main class="md-main" data-md-component="main">
224
+ <div class="md-main__inner md-grid">
225
+
226
+
227
+
228
+ <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
229
+ <div class="md-sidebar__scrollwrap">
230
+ <div class="md-sidebar__inner">
231
+
232
+
233
+
234
+
235
+ <nav class="md-nav md-nav--primary" aria-label="Navigation" data-md-level="0">
236
+ <label class="md-nav__title" for="__drawer">
237
+ <a href="../.." title="LINZ Basemaps" class="md-nav__button md-logo" aria-label="LINZ Basemaps" data-md-component="logo">
238
+
239
+ <img src="../../linz-motif.svg" alt="logo">
240
+
241
+ </a>
242
+ LINZ Basemaps
243
+ </label>
244
+
245
+ <div class="md-nav__source">
246
+ <a href="https://github.com/linz/basemaps" title="Go to repository" class="md-source" data-md-component="source">
247
+ <div class="md-source__icon md-icon">
248
+
249
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 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 2023 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.81z"/></svg>
250
+ </div>
251
+ <div class="md-source__repository">
252
+ GitHub
253
+ </div>
254
+ </a>
255
+ </div>
256
+
257
+ <ul class="md-nav__list" data-md-scrollfix>
258
+
259
+
260
+
261
+
262
+
263
+
264
+
265
+ <li class="md-nav__item">
266
+ <a href="../.." class="md-nav__link">
267
+
268
+
269
+ <span class="md-ellipsis">
270
+ LINZ Basemaps
271
+ </span>
272
+
273
+
274
+ </a>
275
+ </li>
276
+
277
+
278
+
279
+
280
+
281
+
282
+
283
+
284
+
285
+ <li class="md-nav__item">
286
+ <a href="../../configuration/" class="md-nav__link">
287
+
288
+
289
+ <span class="md-ellipsis">
290
+ Configuration
291
+ </span>
292
+
293
+
294
+ </a>
295
+ </li>
296
+
297
+
298
+
299
+
300
+
301
+
302
+
303
+
304
+
305
+ <li class="md-nav__item">
306
+ <a href="../../deployment/" class="md-nav__link">
307
+
308
+
309
+ <span class="md-ellipsis">
310
+ Deployment
311
+ </span>
312
+
313
+
314
+ </a>
315
+ </li>
316
+
317
+
318
+
319
+
320
+
321
+
322
+
323
+
324
+
325
+ <li class="md-nav__item">
326
+ <a href="../../quick-start/" class="md-nav__link">
327
+
328
+
329
+ <span class="md-ellipsis">
330
+ Quick start guide
331
+ </span>
332
+
333
+
334
+ </a>
335
+ </li>
336
+
337
+
338
+
339
+
340
+
341
+
342
+
343
+
344
+
345
+
346
+
347
+
348
+
349
+
350
+
351
+
352
+
353
+
354
+
355
+
356
+ <li class="md-nav__item md-nav__item--nested">
357
+
358
+
359
+
360
+
361
+ <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
362
+
363
+
364
+
365
+ <div class="md-nav__link md-nav__container">
366
+ <a href="../../developer-guide/" class="md-nav__link ">
367
+
368
+
369
+ <span class="md-ellipsis">
370
+ Developer guide
371
+ </span>
372
+
373
+
374
+ </a>
375
+
376
+ </div>
377
+
378
+ <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
379
+ <label class="md-nav__title" for="__nav_5">
380
+ <span class="md-nav__icon md-icon"></span>
381
+ Developer guide
382
+ </label>
383
+ <ul class="md-nav__list" data-md-scrollfix>
384
+
385
+
386
+
387
+ </ul>
388
+ </nav>
389
+
390
+ </li>
391
+
392
+
393
+
394
+
395
+
396
+
397
+
398
+
399
+
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+
411
+
412
+
413
+
414
+
415
+ <li class="md-nav__item md-nav__item--nested">
416
+
417
+
418
+
419
+
420
+ <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
421
+
422
+
423
+ <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
424
+
425
+
426
+ <span class="md-ellipsis">
427
+ Examples
428
+ </span>
429
+
430
+
431
+ <span class="md-nav__icon md-icon"></span>
432
+ </label>
433
+
434
+ <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
435
+ <label class="md-nav__title" for="__nav_6">
436
+ <span class="md-nav__icon md-icon"></span>
437
+ Examples
438
+ </label>
439
+ <ul class="md-nav__list" data-md-scrollfix>
440
+
441
+
442
+
443
+
444
+
445
+
446
+
447
+ <li class="md-nav__item">
448
+ <a href="../../examples/_overview/" class="md-nav__link">
449
+
450
+
451
+ <span class="md-ellipsis">
452
+ Overview
453
+ </span>
454
+
455
+
456
+ </a>
457
+ </li>
458
+
459
+
460
+
461
+
462
+
463
+
464
+
465
+
466
+
467
+
468
+ <li class="md-nav__item">
469
+ <a href="../../examples/leaflet.xyz.3857/" class="md-nav__link">
470
+
471
+
472
+ <span class="md-ellipsis">
473
+ Leaflet Raster Map
474
+ </span>
475
+
476
+
477
+ </a>
478
+ </li>
479
+
480
+
481
+
482
+
483
+
484
+
485
+
486
+
487
+
488
+
489
+ <li class="md-nav__item">
490
+ <a href="../../examples/maplibre.opacity.3857/" class="md-nav__link">
491
+
492
+
493
+ <span class="md-ellipsis">
494
+ Maplibre Opacity Slider
495
+ </span>
496
+
497
+
498
+ </a>
499
+ </li>
500
+
501
+
502
+
503
+
504
+
505
+
506
+
507
+
508
+
509
+
510
+ <li class="md-nav__item">
511
+ <a href="../../examples/maplibre.vector.3857/" class="md-nav__link">
512
+
513
+
514
+ <span class="md-ellipsis">
515
+ Maplibre Vector Map
516
+ </span>
517
+
518
+
519
+ </a>
520
+ </li>
521
+
522
+
523
+
524
+
525
+ </ul>
526
+ </nav>
527
+
528
+ </li>
529
+
530
+
531
+
532
+
533
+
534
+
535
+
536
+
537
+
538
+
539
+
540
+
541
+
542
+
543
+
544
+
545
+
546
+
547
+
548
+
549
+
550
+
551
+
552
+
553
+
554
+
555
+
556
+
557
+
558
+
559
+
560
+
561
+ <li class="md-nav__item md-nav__item--active md-nav__item--nested">
562
+
563
+
564
+
565
+
566
+ <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_7" checked>
567
+
568
+
569
+
570
+ <div class="md-nav__link md-nav__container">
571
+ <a href="../" class="md-nav__link ">
572
+
573
+
574
+ <span class="md-ellipsis">
575
+ Operator guide
576
+ </span>
577
+
578
+
579
+ </a>
580
+
581
+
582
+ <label class="md-nav__link " for="__nav_7" id="__nav_7_label" tabindex="0">
583
+ <span class="md-nav__icon md-icon"></span>
584
+ </label>
585
+
586
+ </div>
587
+
588
+ <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_7_label" aria-expanded="true">
589
+ <label class="md-nav__title" for="__nav_7">
590
+ <span class="md-nav__icon md-icon"></span>
591
+ Operator guide
592
+ </label>
593
+ <ul class="md-nav__list" data-md-scrollfix>
594
+
595
+
596
+
597
+
598
+
599
+
600
+
601
+
602
+
603
+ <li class="md-nav__item">
604
+ <a href="../cog-quality/" class="md-nav__link">
605
+
606
+
607
+ <span class="md-ellipsis">
608
+ COG Quality
609
+ </span>
610
+
611
+
612
+ </a>
613
+ </li>
614
+
615
+
616
+
617
+
618
+
619
+
620
+
621
+
622
+
623
+
624
+ <li class="md-nav__item">
625
+ <a href="../empty-tiles/" class="md-nav__link">
626
+
627
+
628
+ <span class="md-ellipsis">
629
+ Sparse Datasets and empty tiles
630
+ </span>
631
+
632
+
633
+ </a>
634
+ </li>
635
+
636
+
637
+
638
+
639
+
640
+
641
+
642
+
643
+
644
+
645
+ <li class="md-nav__item">
646
+ <a href="../quick-start/" class="md-nav__link">
647
+
648
+
649
+ <span class="md-ellipsis">
650
+ Running LINZ Basemaps - Quick Start
651
+ </span>
652
+
653
+
654
+ </a>
655
+ </li>
656
+
657
+
658
+
659
+
660
+
661
+
662
+
663
+
664
+
665
+
666
+
667
+
668
+ <li class="md-nav__item md-nav__item--active">
669
+
670
+ <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
671
+
672
+
673
+
674
+
675
+
676
+ <label class="md-nav__link md-nav__link--active" for="__toc">
677
+
678
+
679
+ <span class="md-ellipsis">
680
+ Relief shade
681
+ </span>
682
+
683
+
684
+ <span class="md-nav__icon md-icon"></span>
685
+ </label>
686
+
687
+ <a href="./" class="md-nav__link md-nav__link--active">
688
+
689
+
690
+ <span class="md-ellipsis">
691
+ Relief shade
692
+ </span>
693
+
694
+
695
+ </a>
696
+
697
+
698
+
699
+ <nav class="md-nav md-nav--secondary" aria-label="Table of contents">
700
+
701
+
702
+
703
+
704
+
705
+
706
+ <label class="md-nav__title" for="__toc">
707
+ <span class="md-nav__icon md-icon"></span>
708
+ Table of contents
709
+ </label>
710
+ <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
711
+
712
+ <li class="md-nav__item">
713
+ <a href="#creating-a-relief-shade-using-gdal-dems" class="md-nav__link">
714
+ <span class="md-ellipsis">
715
+ Creating a relief shade using GDAL &amp; DEMS
716
+ </span>
717
+ </a>
718
+
719
+ </li>
720
+
721
+ <li class="md-nav__item">
722
+ <a href="#color-ramps-vector-tiles" class="md-nav__link">
723
+ <span class="md-ellipsis">
724
+ Color ramps &amp; Vector tiles
725
+ </span>
726
+ </a>
727
+
728
+ </li>
729
+
730
+ </ul>
731
+
732
+ </nav>
733
+
734
+ </li>
735
+
736
+
737
+
738
+
739
+
740
+
741
+
742
+
743
+
744
+
745
+ <li class="md-nav__item">
746
+ <a href="../texture-shade/" class="md-nav__link">
747
+
748
+
749
+ <span class="md-ellipsis">
750
+ Texture shading
751
+ </span>
752
+
753
+
754
+ </a>
755
+ </li>
756
+
757
+
758
+
759
+
760
+ </ul>
761
+ </nav>
762
+
763
+ </li>
764
+
765
+
766
+
767
+
768
+
769
+
770
+
771
+
772
+
773
+
774
+
775
+
776
+
777
+
778
+
779
+
780
+
781
+
782
+
783
+
784
+ <li class="md-nav__item md-nav__item--nested">
785
+
786
+
787
+
788
+
789
+ <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8" >
790
+
791
+
792
+
793
+ <div class="md-nav__link md-nav__container">
794
+ <a href="../../user-guide/" class="md-nav__link ">
795
+
796
+
797
+ <span class="md-ellipsis">
798
+ User guide
799
+ </span>
800
+
801
+
802
+ </a>
803
+
804
+ </div>
805
+
806
+ <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_8_label" aria-expanded="false">
807
+ <label class="md-nav__title" for="__nav_8">
808
+ <span class="md-nav__icon md-icon"></span>
809
+ User guide
810
+ </label>
811
+ <ul class="md-nav__list" data-md-scrollfix>
812
+
813
+
814
+
815
+ </ul>
816
+ </nav>
817
+
818
+ </li>
819
+
820
+
821
+
822
+ </ul>
823
+ </nav>
824
+ </div>
825
+ </div>
826
+ </div>
827
+
828
+
829
+
830
+ <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
831
+ <div class="md-sidebar__scrollwrap">
832
+ <div class="md-sidebar__inner">
833
+
834
+
835
+ <nav class="md-nav md-nav--secondary" aria-label="Table of contents">
836
+
837
+
838
+
839
+
840
+
841
+
842
+ <label class="md-nav__title" for="__toc">
843
+ <span class="md-nav__icon md-icon"></span>
844
+ Table of contents
845
+ </label>
846
+ <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
847
+
848
+ <li class="md-nav__item">
849
+ <a href="#creating-a-relief-shade-using-gdal-dems" class="md-nav__link">
850
+ <span class="md-ellipsis">
851
+ Creating a relief shade using GDAL &amp; DEMS
852
+ </span>
853
+ </a>
854
+
855
+ </li>
856
+
857
+ <li class="md-nav__item">
858
+ <a href="#color-ramps-vector-tiles" class="md-nav__link">
859
+ <span class="md-ellipsis">
860
+ Color ramps &amp; Vector tiles
861
+ </span>
862
+ </a>
863
+
864
+ </li>
865
+
866
+ </ul>
867
+
868
+ </nav>
869
+ </div>
870
+ </div>
871
+ </div>
872
+
873
+
874
+
875
+ <div class="md-content" data-md-component="content">
876
+ <article class="md-content__inner md-typeset">
877
+
878
+
879
+
880
+
881
+
882
+
883
+
884
+ <h1 id="relief-shade">Relief shade</h1>
885
+ <h2 id="creating-a-relief-shade-using-gdal-dems">Creating a relief shade using GDAL &amp; DEMS</h2>
886
+ <ul>
887
+ <li>8M DEM of NZ - <a href="https://data.linz.govt.nz/layer/51768-nz-8m-digital-elevation-model-2012/">lds:51768</a></li>
888
+ <li>GDAL</li>
889
+ </ul>
890
+ <p>Create a VRT of all the imagery</p>
891
+ <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>gdalbuildvrt<span class="w"> </span>dem/*.tif<span class="w"> </span>dem.vrt
892
+ </span></code></pre></div>
893
+ <p>Create the relief shade</p>
894
+ <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>gdaldem hillshade -co COMPRESS=lzw -co TILED=yes -co NUM_THREADS=ALL_CPUS -of gtiff \
895
+ </span><span id="__span-1-2"><a id="__codelineno-1-2" name="__codelineno-1-2" href="#__codelineno-1-2"></a> -z 1.3 -az 315 -alt 60 -compute_edges \
896
+ </span><span id="__span-1-3"><a id="__codelineno-1-3" name="__codelineno-1-3" href="#__codelineno-1-3"></a> dem.vrt dem.hillshade.tiff
897
+ </span></code></pre></div>
898
+ <p>Apply colors to the relief shade</p>
899
+ <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>gdaldem color-relief -co COMPRESS=lzw -co TILED=yes -co NUM_THREADS=ALL_CPUS -of gtiff \
900
+ </span><span id="__span-2-2"><a id="__codelineno-2-2" name="__codelineno-2-2" href="#__codelineno-2-2"></a> -co ALPHA=YES -alpha \
901
+ </span><span id="__span-2-3"><a id="__codelineno-2-3" name="__codelineno-2-3" href="#__codelineno-2-3"></a> dem.hillshade.tiff color.ramp dem.hillshade.color.tiff
902
+ </span></code></pre></div>
903
+ <h2 id="color-ramps-vector-tiles">Color ramps &amp; Vector tiles</h2>
904
+ <p>Relief shading with vector tiles the only imagery operation is "overlay", if any <code>white</code> exists in the relief shade it lightens the image</p>
905
+ <p>Base Image:
906
+ <img alt="Aerial imagery" src="../static/relief__aerial.webp" /></p>
907
+ <p>gdaldem hillshade:
908
+ <img alt="Aerial imagery" src="../static/relief__base.webp" /></p>
909
+ <p>Using default color ramp applys whites
910
+ <img alt="Lighten" src="../static/relief__lighten.webp" /></p>
911
+ <p>Custom color ramp which only applys the darken</p>
912
+ <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>nv 0 0 0 0
913
+ </span><span id="__span-3-2"><a id="__codelineno-3-2" name="__codelineno-3-2" href="#__codelineno-3-2"></a>0 0 0 0 255
914
+ </span><span id="__span-3-3"><a id="__codelineno-3-3" name="__codelineno-3-3" href="#__codelineno-3-3"></a>170 0 0 0 64
915
+ </span><span id="__span-3-4"><a id="__codelineno-3-4" name="__codelineno-3-4" href="#__codelineno-3-4"></a>220 0 0 0 0
916
+ </span><span id="__span-3-5"><a id="__codelineno-3-5" name="__codelineno-3-5" href="#__codelineno-3-5"></a>255 0 0 0 0
917
+ </span></code></pre></div>
918
+ <p><code>nv</code> - No value or NO_DATA set full alpha</p>
919
+ <p><img alt="Lighten" src="../static/relief__darken.webp" /></p>
920
+
921
+
922
+
923
+
924
+
925
+
926
+
927
+
928
+ </article>
929
+ </div>
930
+
931
+
932
+ </div>
933
+
934
+ </main>
935
+
936
+ <footer class="md-footer">
937
+
938
+ <div class="md-footer-meta md-typeset">
939
+ <div class="md-footer-meta__inner md-grid">
940
+ <div class="md-copyright">
941
+
942
+ <div class="md-copyright__highlight">
943
+ <a href="https://www.linz.govt.nz/copyright">© CC BY 4.0 LINZ</a>
944
+ </div>
945
+
946
+
947
+ Made with
948
+ <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
949
+ Material for MkDocs
950
+ </a>
951
+
952
+ </div>
953
+
954
+ </div>
955
+ </div>
956
+ </footer>
957
+
958
+ </div>
959
+ <div class="md-dialog" data-md-component="dialog">
960
+ <div class="md-dialog__inner md-typeset"></div>
961
+ </div>
962
+
963
+
964
+ <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.indexes", "content.code.copy"], "search": "../../assets/javascripts/workers/search.f886a092.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>
965
+
966
+
967
+ <script src="../../assets/javascripts/bundle.cd18aaf1.min.js"></script>
968
+
969
+
970
+ </body>
971
+ </html>