@basemaps/landing 7.12.0 → 7.13.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.
- package/build/components/layer.switcher.dropdown.js +1 -0
- package/build/components/layer.switcher.dropdown.js.map +1 -1
- package/build/components/map.js +11 -13
- package/build/components/map.js.map +1 -1
- package/build/components/map.label.js +1 -1
- package/build/components/map.label.js.map +1 -1
- package/build/config.map.js +6 -0
- package/build/config.map.js.map +1 -1
- package/dist/android-chrome-192x192.png +0 -0
- package/dist/android-chrome-512x512.png +0 -0
- package/dist/apple-touch-icon.png +0 -0
- package/dist/assets/clear.svg +1 -0
- package/dist/assets/fonts/OpenSans-Bold.woff2 +0 -0
- package/dist/assets/fonts/OpenSans-Italic.woff2 +0 -0
- package/dist/assets/fonts/OpenSans-Light.woff2 +0 -0
- package/dist/assets/fonts/OpenSans-Regular.woff2 +0 -0
- package/dist/assets/fonts/OpenSans-SemiBold.woff2 +0 -0
- package/dist/assets/logo-linz.svg +124 -0
- package/dist/assets/logo-nz-govt.svg +196 -0
- package/dist/assets/whats_new_updates.svg +1 -0
- package/dist/basemaps-card.jpeg +0 -0
- package/dist/docs/404.html +71 -31
- package/dist/docs/assets/javascripts/bundle.83f73b43.min.js +16 -0
- package/dist/docs/assets/javascripts/bundle.83f73b43.min.js.map +7 -0
- package/dist/docs/assets/javascripts/swagger-ui-bundle.js +1 -2
- package/dist/docs/assets/javascripts/swagger-ui-bundle.js.map +1 -1
- package/dist/docs/assets/javascripts/swagger-ui-standalone-preset.js +1 -2
- package/dist/docs/assets/javascripts/swagger-ui-standalone-preset.js.map +1 -1
- package/dist/docs/assets/javascripts/workers/{search.f886a092.min.js → search.6ce7567c.min.js} +3 -3
- package/dist/docs/assets/javascripts/workers/{search.f886a092.min.js.map → search.6ce7567c.min.js.map} +2 -2
- package/dist/docs/assets/stylesheets/main.0253249f.min.css +1 -0
- package/dist/docs/assets/stylesheets/main.0253249f.min.css.map +1 -0
- package/dist/docs/assets/stylesheets/palette.06af60db.min.css +1 -0
- package/dist/docs/assets/stylesheets/palette.06af60db.min.css.map +1 -0
- package/dist/docs/assets/stylesheets/swagger-ui-dark.css +16 -0
- package/dist/docs/assets/stylesheets/swagger-ui.css +1 -1
- package/dist/docs/assets/stylesheets/swagger-ui.css.map +1 -1
- package/dist/docs/configuration/index.html +25 -17
- package/dist/docs/deployment/index.html +25 -17
- package/dist/docs/developer-guide/cli-methods/bundle-the-basemaps-assets-archive/index.html +748 -0
- package/dist/docs/developer-guide/cli-methods/bundle-the-basemaps-config-file/index.html +33 -26
- package/dist/docs/developer-guide/index.html +25 -17
- package/dist/docs/developer-guide/run-basemaps-locally/index.html +33 -18
- package/dist/docs/developer-guide/server-methods/serve-basemaps-with-bundled-config-file/index.html +98 -30
- package/dist/docs/developer-guide/server-methods/serve-basemaps-with-collection-of-geotiff-files/index.html +29 -22
- package/dist/docs/examples/_overview/index.html +25 -17
- package/dist/docs/examples/leaflet.xyz.3857/index.html +25 -17
- package/dist/docs/examples/maplibre.opacity.3857/index.html +25 -17
- package/dist/docs/examples/maplibre.vector.3857/index.html +25 -17
- package/dist/docs/index.html +25 -17
- package/dist/docs/operator-guide/cog-quality/index.html +25 -17
- package/dist/docs/operator-guide/empty-tiles/index.html +31 -19
- package/dist/docs/operator-guide/gebco/index.html +25 -17
- package/dist/docs/operator-guide/index.html +25 -17
- package/dist/docs/operator-guide/quick-start/index.html +25 -17
- package/dist/docs/operator-guide/relief-shade/index.html +25 -17
- package/dist/docs/operator-guide/texture-shade/index.html +25 -17
- package/dist/docs/operator-guide/xyz-projection/index.html +25 -17
- package/dist/docs/quick-start/index.html +25 -17
- package/dist/docs/sitemap.xml +28 -48
- package/dist/docs/sitemap.xml.gz +0 -0
- package/dist/docs/user-guide/_get-started/index.html +25 -17
- package/dist/docs/user-guide/api-documentation/index.html +26 -18
- package/dist/docs/user-guide/api-documentation/{swagger-ccf476ba.html → swagger-be89a08e.html} +1 -1
- package/dist/docs/user-guide/technical-documentation/index.html +25 -17
- package/dist/examples/index.html +34 -0
- package/dist/examples/index.leaflet.xyz.3857.html +43 -0
- package/dist/examples/index.maplibre.compare.3857.html +111 -0
- package/dist/examples/index.maplibre.elevation.3857.html +100 -0
- package/dist/examples/index.maplibre.opacity.3857.html +218 -0
- package/dist/examples/index.maplibre.vector.3857.html +48 -0
- package/dist/examples/index.openlayers.attribution.wmts.3857.html +55 -0
- package/dist/examples/index.openlayers.wmts.3857.html +49 -0
- package/dist/examples/index.openlayers.xyz.3857.html +49 -0
- package/dist/favicon-16x16.png +0 -0
- package/dist/favicon-32x32.png +0 -0
- package/dist/favicon.ico +0 -0
- package/dist/index-7.13.0-c5e57c4593cca04a.css +7686 -0
- package/dist/index-7.13.0-ee1085e6b02ac062.js +65655 -0
- package/dist/index.css +7686 -0
- package/dist/index.html +24 -0
- package/dist/index.js +65655 -0
- package/dist/json-schema/stac-basemaps-extension/1.0/schema.json +144 -0
- package/dist/lib/attribution-7.13.0-6b67bd96f9957d4a.js +10438 -0
- package/dist/lib/attribution.js +10438 -0
- package/package.json +3 -3
- package/dist/docs/assets/javascripts/bundle.6c14ae12.min.js +0 -29
- package/dist/docs/assets/javascripts/bundle.6c14ae12.min.js.map +0 -7
- package/dist/docs/assets/stylesheets/main.fad675c6.min.css +0 -1
- package/dist/docs/assets/stylesheets/main.fad675c6.min.css.map +0 -1
- package/dist/docs/assets/stylesheets/palette.356b1318.min.css +0 -1
- package/dist/docs/assets/stylesheets/palette.356b1318.min.css.map +0 -1
|
@@ -8,20 +8,19 @@
|
|
|
8
8
|
<link href="http://localhost:8000/docs/user-guide/technical-documentation/" rel="canonical"/>
|
|
9
9
|
<link href="../api-documentation/" rel="prev"/>
|
|
10
10
|
<link href="../../assets/images/favicon.png" rel="icon"/>
|
|
11
|
-
<meta content="mkdocs-1.
|
|
11
|
+
<meta content="mkdocs-1.6.1, mkdocs-material-9.5.44" name="generator"/>
|
|
12
12
|
<title>Technical documentation and specifications - LINZ Basemaps</title>
|
|
13
|
-
<link href="../../assets/stylesheets/main.
|
|
14
|
-
<link href="../../assets/stylesheets/palette.
|
|
13
|
+
<link href="../../assets/stylesheets/main.0253249f.min.css" rel="stylesheet"/>
|
|
14
|
+
<link href="../../assets/stylesheets/palette.06af60db.min.css" rel="stylesheet"/>
|
|
15
15
|
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
|
|
16
16
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i%7COpen+Sans+Mono:400,400i,700,700i&display=fallback" rel="stylesheet"/>
|
|
17
17
|
<style>:root{--md-text-font:"Open Sans";--md-code-font:"Open Sans Mono"}</style>
|
|
18
18
|
<link href="../../index.css" rel="stylesheet"/>
|
|
19
|
-
<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>
|
|
20
|
-
<script id="__analytics">function __md_analytics(){function
|
|
19
|
+
<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>
|
|
20
|
+
<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>
|
|
21
21
|
<script>"undefined"!=typeof __md_analytics&&__md_analytics()</script>
|
|
22
22
|
</head>
|
|
23
23
|
<body data-md-color-accent="indigo" data-md-color-primary="indigo" data-md-color-scheme="default" dir="ltr">
|
|
24
|
-
<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>
|
|
25
24
|
<input autocomplete="off" class="md-toggle" data-md-toggle="drawer" id="__drawer" type="checkbox"/>
|
|
26
25
|
<input autocomplete="off" class="md-toggle" data-md-toggle="search" id="__search" type="checkbox"/>
|
|
27
26
|
<label class="md-overlay" for="__drawer"></label>
|
|
@@ -38,7 +37,7 @@
|
|
|
38
37
|
<img alt="logo" src="../../linz-motif.svg"/>
|
|
39
38
|
</a>
|
|
40
39
|
<label class="md-header__button md-icon" for="__drawer">
|
|
41
|
-
<svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3
|
|
40
|
+
<svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"></path></svg>
|
|
42
41
|
</label>
|
|
43
42
|
<div class="md-header__title" data-md-component="header-title">
|
|
44
43
|
<div class="md-header__ellipsis">
|
|
@@ -57,19 +56,20 @@
|
|
|
57
56
|
</div>
|
|
58
57
|
</div>
|
|
59
58
|
<form class="md-header__option" data-md-component="palette">
|
|
60
|
-
<input aria-label="Switch to dark mode" class="md-option" data-md-color-accent="indigo" data-md-color-media="(prefers-color-scheme: light)" data-md-color-primary="indigo" data-md-color-scheme="default" id="
|
|
61
|
-
<label class="md-header__button md-icon" for="
|
|
62
|
-
<svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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
|
|
59
|
+
<input aria-label="Switch to dark mode" class="md-option" data-md-color-accent="indigo" data-md-color-media="(prefers-color-scheme: light)" data-md-color-primary="indigo" data-md-color-scheme="default" id="__palette_0" name="__palette" type="radio"/>
|
|
60
|
+
<label class="md-header__button md-icon" for="__palette_1" hidden="" title="Switch to dark mode">
|
|
61
|
+
<svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg>
|
|
63
62
|
</label>
|
|
64
|
-
<input aria-label="Switch to light mode" class="md-option" data-md-color-accent="indigo" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-primary="indigo" data-md-color-scheme="slate" id="
|
|
65
|
-
<label class="md-header__button md-icon" for="
|
|
66
|
-
<svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13
|
|
63
|
+
<input aria-label="Switch to light mode" class="md-option" data-md-color-accent="indigo" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-primary="indigo" data-md-color-scheme="slate" id="__palette_1" name="__palette" type="radio"/>
|
|
64
|
+
<label class="md-header__button md-icon" for="__palette_0" hidden="" title="Switch to light mode">
|
|
65
|
+
<svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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"></path></svg>
|
|
67
66
|
</label>
|
|
68
67
|
</form>
|
|
68
|
+
<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>
|
|
69
69
|
<div class="md-header__source">
|
|
70
70
|
<a class="md-source" data-md-component="source" href="https://github.com/linz/basemaps" title="Go to repository">
|
|
71
71
|
<div class="md-source__icon md-icon">
|
|
72
|
-
<svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><!--! Font Awesome Free 6.
|
|
72
|
+
<svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><!--! 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"></path></svg>
|
|
73
73
|
</div>
|
|
74
74
|
<div class="md-source__repository">
|
|
75
75
|
GitHub
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
<div class="md-nav__source">
|
|
95
95
|
<a class="md-source" data-md-component="source" href="https://github.com/linz/basemaps" title="Go to repository">
|
|
96
96
|
<div class="md-source__icon md-icon">
|
|
97
|
-
<svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><!--! Font Awesome Free 6.
|
|
97
|
+
<svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><!--! 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"></path></svg>
|
|
98
98
|
</div>
|
|
99
99
|
<div class="md-source__repository">
|
|
100
100
|
GitHub
|
|
@@ -170,6 +170,13 @@
|
|
|
170
170
|
</label>
|
|
171
171
|
<ul class="md-nav__list" data-md-scrollfix="">
|
|
172
172
|
<li class="md-nav__item">
|
|
173
|
+
<a class="md-nav__link" href="../../developer-guide/cli-methods/bundle-the-basemaps-assets-archive/">
|
|
174
|
+
<span class="md-ellipsis">
|
|
175
|
+
Bundle the basemaps assets archive
|
|
176
|
+
</span>
|
|
177
|
+
</a>
|
|
178
|
+
</li>
|
|
179
|
+
<li class="md-nav__item">
|
|
173
180
|
<a class="md-nav__link" href="../../developer-guide/cli-methods/bundle-the-basemaps-config-file/">
|
|
174
181
|
<span class="md-ellipsis">
|
|
175
182
|
Bundle the basemaps config file
|
|
@@ -909,6 +916,7 @@
|
|
|
909
916
|
<p>If you provide business critical or high-volume services that require higher rate limits, LINZ Basemaps are available as an open source project for you to deploy into your own infrastructure. Visit our GitHub site or contact Basemaps support for more information.</p>
|
|
910
917
|
</article>
|
|
911
918
|
</div>
|
|
919
|
+
<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
|
|
912
920
|
</div>
|
|
913
921
|
</main>
|
|
914
922
|
<footer class="md-footer">
|
|
@@ -932,8 +940,8 @@
|
|
|
932
940
|
<div class="md-dialog" data-md-component="dialog">
|
|
933
941
|
<div class="md-dialog__inner md-typeset"></div>
|
|
934
942
|
</div>
|
|
935
|
-
<script id="__config" type="application/json">{"base": "../..", "features": ["navigation.indexes", "content.code.copy"], "search": "../../assets/javascripts/workers/search.
|
|
936
|
-
<script src="../../assets/javascripts/bundle.
|
|
943
|
+
<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>
|
|
944
|
+
<script src="../../assets/javascripts/bundle.83f73b43.min.js"></script>
|
|
937
945
|
<script>document$.subscribe(() => {
|
|
938
946
|
window.update_swagger_ui_iframe_height = function (id) {
|
|
939
947
|
var iFrameID = document.getElementById(id);
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
|
6
|
+
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
|
7
|
+
<title>Basemaps Examples | Land Information New Zealand (LINZ)</title>
|
|
8
|
+
</head>
|
|
9
|
+
|
|
10
|
+
<body>
|
|
11
|
+
<h1>Examples of accessing basemaps from a browser</h1>
|
|
12
|
+
<p id="noApiKey" style="display:none">
|
|
13
|
+
Please first visit <a href="/" >basemaps</a> to be automatically allocated a 90 day API key.
|
|
14
|
+
</p>
|
|
15
|
+
<ul>
|
|
16
|
+
<li><a href="/examples/index.leaflet.xyz.3857.html">index.leaflet.xyz.3857.html</a></li>
|
|
17
|
+
<li><a href="/examples/index.openlayers.attribution.wmts.3857.html">index.openlayers.attribution.wmts.3857.html</a></li>
|
|
18
|
+
<li><a href="/examples/index.openlayers.wmts.3857.html">index.openlayers.wmts.3857.html</a></li>
|
|
19
|
+
<li><a href="/examples/index.openlayers.xyz.3857.html">index.openlayers.xyz.3857.html</a></li>
|
|
20
|
+
<li><a href="/examples/index.maplibre.elevation.3857.html">index.maplibre.elevation.3857.html</a></li>
|
|
21
|
+
<li><a href="/examples/index.maplibre.vector.3857.html">index.maplibre.vector.3857.html</a></li>
|
|
22
|
+
<li><a href="/examples/index.maplibre.compare.3857.html">index.maplibre.compare.3857.html</a></li>
|
|
23
|
+
<li><a href="/examples/index.maplibre.opacity.3857.html">index.maplibre.opacity.3857.html</a></li>
|
|
24
|
+
</ul>
|
|
25
|
+
<p>
|
|
26
|
+
Source code available at <a href="https://github.com/linz/basemaps">https://github.com/linz/basemaps</a>
|
|
27
|
+
</p>
|
|
28
|
+
<script>
|
|
29
|
+
if (! localStorage.getItem("api-key")) {
|
|
30
|
+
document.getElementById('noApiKey').style.display = "";
|
|
31
|
+
}
|
|
32
|
+
</script>
|
|
33
|
+
</body>
|
|
34
|
+
</html>
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<title>Leaflet WGS84 Basemaps Demo</title>
|
|
6
|
+
<link
|
|
7
|
+
rel="stylesheet"
|
|
8
|
+
href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
|
|
9
|
+
/>
|
|
10
|
+
<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"></script>
|
|
11
|
+
<style>
|
|
12
|
+
html,
|
|
13
|
+
body {
|
|
14
|
+
height: 100%;
|
|
15
|
+
margin: 0;
|
|
16
|
+
}
|
|
17
|
+
</style>
|
|
18
|
+
</head>
|
|
19
|
+
|
|
20
|
+
<body>
|
|
21
|
+
<div id="map" style="width: 600px; height: 400px;"></div>
|
|
22
|
+
<script>
|
|
23
|
+
const apiKey = localStorage.getItem('api-key');
|
|
24
|
+
if (! apiKey) {
|
|
25
|
+
throw new Error('Missing api-key in localStorage');
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
const startPos = [-40.5, 173];
|
|
29
|
+
const startZoom = 6;
|
|
30
|
+
|
|
31
|
+
const url = 'https://basemaps.linz.govt.nz/v1/tiles/aerial/EPSG:3857/{z}/{x}/{y}.webp?api='+apiKey;
|
|
32
|
+
|
|
33
|
+
const tiles = L.tileLayer(url, {
|
|
34
|
+
attribution: '<a href="https://www.linz.govt.nz/data/linz-data/linz-basemaps/data-attribution">LINZ CC BY 4.0 © Imagery Basemap contributors</a>'
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
L.map('map')
|
|
38
|
+
.addLayer(tiles)
|
|
39
|
+
.setView(startPos, startZoom);
|
|
40
|
+
|
|
41
|
+
</script>
|
|
42
|
+
</body>
|
|
43
|
+
</html>
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<title>Maplibre WGS84 Swipe between raster and vector maps Demo</title>
|
|
6
|
+
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
|
|
7
|
+
<script
|
|
8
|
+
src="https://api.mapbox.com/mapbox-gl-js/v2.3.0/mapbox-gl.js"
|
|
9
|
+
integrity="sha384-jzJlE25T0D6awCZu40rkb9hFa6fxUC8/IN9wKY49uH9k/PP5efecoiru/RGCszy2"
|
|
10
|
+
crossorigin="anonymous"
|
|
11
|
+
></script>
|
|
12
|
+
<script
|
|
13
|
+
src="https://unpkg.com/maplibre-gl@1.14.0-rc.1/dist/maplibre-gl.js"
|
|
14
|
+
integrity="sha384-YAsv3Nk7n9hAR/gbvgvtGvq2TV1hvEpFks3bGIs451f9D0jSn070rHje6Swuo7bL"
|
|
15
|
+
crossorigin="anonymous"
|
|
16
|
+
></script>
|
|
17
|
+
<link href="https://unpkg.com/maplibre-gl@1.14.0-rc.1/dist/maplibre-gl.css" rel="stylesheet" />
|
|
18
|
+
<script
|
|
19
|
+
src="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-compare/v0.4.0/mapbox-gl-compare.js"
|
|
20
|
+
integrity="sha384-4vY2uVrBcMvF9vEZC0sp2hF66Ux2LY8PbIv23Mx1LQ1J+WyNUajJwqfiWVAIBUGA"
|
|
21
|
+
crossorigin="anonymous"
|
|
22
|
+
></script>
|
|
23
|
+
<link
|
|
24
|
+
rel="stylesheet"
|
|
25
|
+
href="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-compare/v0.4.0/mapbox-gl-compare.css"
|
|
26
|
+
type="text/css"
|
|
27
|
+
/>
|
|
28
|
+
<style>
|
|
29
|
+
body {
|
|
30
|
+
margin: 0;
|
|
31
|
+
padding: 0;
|
|
32
|
+
overflow: hidden;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
body * {
|
|
36
|
+
-webkit-touch-callout: none;
|
|
37
|
+
-webkit-user-select: none;
|
|
38
|
+
-moz-user-select: none;
|
|
39
|
+
-ms-user-select: none;
|
|
40
|
+
user-select: none;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.map {
|
|
44
|
+
position: absolute;
|
|
45
|
+
top: 0;
|
|
46
|
+
bottom: 0;
|
|
47
|
+
width: 100%;
|
|
48
|
+
}
|
|
49
|
+
</style>
|
|
50
|
+
</head>
|
|
51
|
+
<body>
|
|
52
|
+
<div id="comparison-container"></div>
|
|
53
|
+
<div id="raster" class="map"></div>
|
|
54
|
+
<div id="vector" class="map"></div>
|
|
55
|
+
</div>
|
|
56
|
+
<script>
|
|
57
|
+
const apiKey = localStorage.getItem('api-key');
|
|
58
|
+
if (!apiKey) {
|
|
59
|
+
throw new Error('Missing api-key in localStorage');
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
// vector layers
|
|
63
|
+
const styleUrl =
|
|
64
|
+
'https://basemaps.linz.govt.nz/v1/tiles/topographic/EPSG:3857/style/topographic.json?api=' + apiKey;
|
|
65
|
+
|
|
66
|
+
// Raster layers
|
|
67
|
+
const url = 'https://basemaps.linz.govt.nz/v1/tiles/aerial/EPSG:3857/{z}/{x}/{y}.webp?api=' + apiKey;
|
|
68
|
+
|
|
69
|
+
const startPos = [173, -40.5];
|
|
70
|
+
const startZoom = 6;
|
|
71
|
+
|
|
72
|
+
var raster = new maplibregl.Map({
|
|
73
|
+
container: 'raster', // Container ID
|
|
74
|
+
style: {
|
|
75
|
+
version: 8,
|
|
76
|
+
sources: {
|
|
77
|
+
'raster-tiles': {
|
|
78
|
+
type: 'raster',
|
|
79
|
+
tiles: [url],
|
|
80
|
+
tileSize: 256,
|
|
81
|
+
},
|
|
82
|
+
},
|
|
83
|
+
layers: [
|
|
84
|
+
{
|
|
85
|
+
id: 'LINZ Raster Basemaps',
|
|
86
|
+
type: 'raster',
|
|
87
|
+
source: 'raster-tiles',
|
|
88
|
+
},
|
|
89
|
+
],
|
|
90
|
+
},
|
|
91
|
+
center: startPos,
|
|
92
|
+
zoom: startZoom,
|
|
93
|
+
});
|
|
94
|
+
|
|
95
|
+
var vector = new maplibregl.Map({
|
|
96
|
+
container: 'vector', // Container ID
|
|
97
|
+
style: styleUrl,
|
|
98
|
+
center: startPos,
|
|
99
|
+
zoom: startZoom,
|
|
100
|
+
});
|
|
101
|
+
|
|
102
|
+
// A selector or reference to HTML element
|
|
103
|
+
var container = '#comparison-container';
|
|
104
|
+
|
|
105
|
+
new mapboxgl.Compare(raster, vector, container, {
|
|
106
|
+
mousemove: true, // Optional. Set to true to enable swiping during cursor movement.
|
|
107
|
+
orientation: 'vertical', // Optional. Sets the orientation of swiper to horizontal or vertical, defaults to vertical
|
|
108
|
+
});
|
|
109
|
+
</script>
|
|
110
|
+
</body>
|
|
111
|
+
</html>
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<title>Maplibre Elevation With Terrain-rgb Demo</title>
|
|
6
|
+
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
|
|
7
|
+
<script
|
|
8
|
+
src="https://unpkg.com/maplibre-gl@4.0.1/dist/maplibre-gl.js"
|
|
9
|
+
integrity="sha384-QjD9FqfhisGHV+cOv+EZTmWGaKkTJgx6gRP7pgmyQns3aWACZb18pTpxTmRRAaDF"
|
|
10
|
+
crossorigin="anonymous"
|
|
11
|
+
></script>
|
|
12
|
+
<link href="https://unpkg.com/maplibre-gl@4.0.1/dist/maplibre-gl.css" rel="stylesheet" />
|
|
13
|
+
<style>
|
|
14
|
+
body {
|
|
15
|
+
margin: 0;
|
|
16
|
+
padding: 0;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
#map {
|
|
20
|
+
position: absolute;
|
|
21
|
+
top: 0;
|
|
22
|
+
bottom: 0;
|
|
23
|
+
width: 100%;
|
|
24
|
+
}
|
|
25
|
+
</style>
|
|
26
|
+
</head>
|
|
27
|
+
|
|
28
|
+
<body>
|
|
29
|
+
<div id="map"></div>
|
|
30
|
+
<script>
|
|
31
|
+
const apiKey = localStorage.getItem('api-key');
|
|
32
|
+
if (apiKey == null) throw new Error('Missing api-key in localStorage');
|
|
33
|
+
|
|
34
|
+
var map = new maplibregl.Map({
|
|
35
|
+
hash: true,
|
|
36
|
+
center: [173, -40.5],
|
|
37
|
+
zoom: 6,
|
|
38
|
+
container: 'map', // container id
|
|
39
|
+
style: {
|
|
40
|
+
version: 8,
|
|
41
|
+
sources: {
|
|
42
|
+
osm: {
|
|
43
|
+
type: 'raster',
|
|
44
|
+
tiles: ['/v1/tiles/aerial/WebMercatorQuad/{z}/{x}/{y}.webp?api=' + apiKey],
|
|
45
|
+
tileSize: 256,
|
|
46
|
+
maxzoom: 22,
|
|
47
|
+
},
|
|
48
|
+
// Use a different source for terrain and hillshade layers, to improve render quality
|
|
49
|
+
terrainSource: {
|
|
50
|
+
type: 'raster-dem',
|
|
51
|
+
tiles: ['/v1/tiles/elevation/WebMercatorQuad/{z}/{x}/{y}.png?pipeline=terrain-rgb&api=' + apiKey],
|
|
52
|
+
tileSize: 256,
|
|
53
|
+
},
|
|
54
|
+
hillshadeSource: {
|
|
55
|
+
type: 'raster-dem',
|
|
56
|
+
tiles: ['/v1/tiles/elevation/WebMercatorQuad/{z}/{x}/{y}.png?pipeline=terrain-rgb&api=' + apiKey],
|
|
57
|
+
tileSize: 256,
|
|
58
|
+
},
|
|
59
|
+
},
|
|
60
|
+
layers: [
|
|
61
|
+
{
|
|
62
|
+
id: 'osm',
|
|
63
|
+
type: 'raster',
|
|
64
|
+
source: 'osm',
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
id: 'hills',
|
|
68
|
+
type: 'hillshade',
|
|
69
|
+
source: 'hillshadeSource',
|
|
70
|
+
layout: { visibility: 'visible' },
|
|
71
|
+
paint: {
|
|
72
|
+
'hillshade-shadow-color': '#030303',
|
|
73
|
+
'hillshade-highlight-color': '#0c0c0c',
|
|
74
|
+
'hillshade-accent-color': '#dcdcdc',
|
|
75
|
+
},
|
|
76
|
+
},
|
|
77
|
+
],
|
|
78
|
+
terrain: {
|
|
79
|
+
source: 'terrainSource',
|
|
80
|
+
exaggeration: 1,
|
|
81
|
+
},
|
|
82
|
+
},
|
|
83
|
+
});
|
|
84
|
+
map.addControl(
|
|
85
|
+
new maplibregl.NavigationControl({
|
|
86
|
+
visualizePitch: true,
|
|
87
|
+
showZoom: true,
|
|
88
|
+
showCompass: true,
|
|
89
|
+
}),
|
|
90
|
+
);
|
|
91
|
+
|
|
92
|
+
map.addControl(
|
|
93
|
+
new maplibregl.TerrainControl({
|
|
94
|
+
source: 'terrainSource',
|
|
95
|
+
exaggeration: 1,
|
|
96
|
+
}),
|
|
97
|
+
);
|
|
98
|
+
</script>
|
|
99
|
+
</body>
|
|
100
|
+
</html>
|
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<title>Adjust a layer's opacity</title>
|
|
6
|
+
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
|
|
7
|
+
<script
|
|
8
|
+
src="https://unpkg.com/maplibre-gl@1.14.0-rc.1/dist/maplibre-gl.js"
|
|
9
|
+
integrity="sha384-YAsv3Nk7n9hAR/gbvgvtGvq2TV1hvEpFks3bGIs451f9D0jSn070rHje6Swuo7bL"
|
|
10
|
+
crossorigin="anonymous"
|
|
11
|
+
></script>
|
|
12
|
+
<link href="https://unpkg.com/maplibre-gl@1.14.0-rc.1/dist/maplibre-gl.css" rel="stylesheet" />
|
|
13
|
+
<style>
|
|
14
|
+
body {
|
|
15
|
+
margin: 0;
|
|
16
|
+
padding: 0;
|
|
17
|
+
overflow: hidden;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
body * {
|
|
21
|
+
-webkit-touch-callout: none;
|
|
22
|
+
-webkit-user-select: none;
|
|
23
|
+
-moz-user-select: none;
|
|
24
|
+
-ms-user-select: none;
|
|
25
|
+
user-select: none;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.map {
|
|
29
|
+
position: absolute;
|
|
30
|
+
top: 0;
|
|
31
|
+
bottom: 0;
|
|
32
|
+
width: 100%;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.map-overlay {
|
|
36
|
+
font: bold 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
|
37
|
+
position: absolute;
|
|
38
|
+
width: 25%;
|
|
39
|
+
top: 0;
|
|
40
|
+
left: 0;
|
|
41
|
+
padding: 10px;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.map-overlay .map-overlay-inner {
|
|
45
|
+
background-color: #fff;
|
|
46
|
+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
|
47
|
+
border-radius: 3px;
|
|
48
|
+
padding: 10px;
|
|
49
|
+
margin-bottom: 10px;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.map-overlay label {
|
|
53
|
+
display: block;
|
|
54
|
+
margin: 0 0 10px;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.map-overlay input {
|
|
58
|
+
background-color: transparent;
|
|
59
|
+
display: inline-block;
|
|
60
|
+
width: 100%;
|
|
61
|
+
position: relative;
|
|
62
|
+
margin: 0;
|
|
63
|
+
cursor: ew-resize;
|
|
64
|
+
}
|
|
65
|
+
</style>
|
|
66
|
+
</head>
|
|
67
|
+
<body>
|
|
68
|
+
<div id="raster" class="map"></div>
|
|
69
|
+
<div id="vector" class="map"></div>
|
|
70
|
+
|
|
71
|
+
<div class="map-overlay top">
|
|
72
|
+
<div class="map-overlay-inner">
|
|
73
|
+
<label>Layer opacity: <span id="slider-value">100%</span></label>
|
|
74
|
+
<input id="slider" type="range" min="0" max="100" step="0" value="100" />
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
|
|
78
|
+
<script>
|
|
79
|
+
const apiKey = localStorage.getItem('api-key');
|
|
80
|
+
if (!apiKey) {
|
|
81
|
+
throw new Error('Missing api-key in localStorage');
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
// vector layers
|
|
85
|
+
const styleUrl =
|
|
86
|
+
'https://basemaps.linz.govt.nz/v1/tiles/topographic/EPSG:3857/style/topographic.json?api=' + apiKey;
|
|
87
|
+
|
|
88
|
+
// Raster layers
|
|
89
|
+
const url = 'https://basemaps.linz.govt.nz/v1/tiles/aerial/EPSG:3857/{z}/{x}/{y}.webp?api=' + apiKey;
|
|
90
|
+
|
|
91
|
+
const startPos = [173, -40.5];
|
|
92
|
+
const startZoom = 6;
|
|
93
|
+
|
|
94
|
+
var raster = new maplibregl.Map({
|
|
95
|
+
container: 'raster', // Container ID
|
|
96
|
+
style: {
|
|
97
|
+
version: 8,
|
|
98
|
+
sources: {
|
|
99
|
+
'raster-tiles': {
|
|
100
|
+
type: 'raster',
|
|
101
|
+
tiles: [url],
|
|
102
|
+
tileSize: 256,
|
|
103
|
+
},
|
|
104
|
+
},
|
|
105
|
+
layers: [
|
|
106
|
+
{
|
|
107
|
+
id: 'LINZ Raster Basemaps',
|
|
108
|
+
type: 'raster',
|
|
109
|
+
source: 'raster-tiles',
|
|
110
|
+
},
|
|
111
|
+
],
|
|
112
|
+
},
|
|
113
|
+
center: startPos,
|
|
114
|
+
zoom: startZoom,
|
|
115
|
+
});
|
|
116
|
+
|
|
117
|
+
var vector = new maplibregl.Map({
|
|
118
|
+
container: 'vector', // Container ID
|
|
119
|
+
style: styleUrl,
|
|
120
|
+
center: startPos,
|
|
121
|
+
zoom: startZoom,
|
|
122
|
+
});
|
|
123
|
+
|
|
124
|
+
var slider = document.getElementById('slider');
|
|
125
|
+
var sliderValue = document.getElementById('slider-value');
|
|
126
|
+
|
|
127
|
+
vector.on('load', function () {
|
|
128
|
+
slider.addEventListener('input', function (e) {
|
|
129
|
+
var vectorMap = document.querySelector('#vector');
|
|
130
|
+
vectorMap.style.opacity = parseInt(e.target.value, 10) / 100;
|
|
131
|
+
sliderValue.textContent = e.target.value + '%';
|
|
132
|
+
});
|
|
133
|
+
});
|
|
134
|
+
|
|
135
|
+
// Copyright (c) 2016, Mapbox
|
|
136
|
+
// https://github.com/mapbox/mapbox-gl-sync-move
|
|
137
|
+
function moveToMapPosition(master, clones) {
|
|
138
|
+
let center = master.getCenter();
|
|
139
|
+
let zoom = master.getZoom();
|
|
140
|
+
let bearing = master.getBearing();
|
|
141
|
+
let pitch = master.getPitch();
|
|
142
|
+
|
|
143
|
+
clones.forEach(function (clone) {
|
|
144
|
+
clone.jumpTo({
|
|
145
|
+
center: center,
|
|
146
|
+
zoom: zoom,
|
|
147
|
+
bearing: bearing,
|
|
148
|
+
pitch: pitch,
|
|
149
|
+
});
|
|
150
|
+
});
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
// Sync movements of two maps.
|
|
154
|
+
//
|
|
155
|
+
// All interactions that result in movement end up firing
|
|
156
|
+
// a "move" event. The trick here, though, is to
|
|
157
|
+
// ensure that movements don't cycle from one map
|
|
158
|
+
// to the other and back again, because such a cycle
|
|
159
|
+
// - could cause an infinite loop
|
|
160
|
+
// - prematurely halts prolonged movements like
|
|
161
|
+
// double-click zooming, box-zooming, and flying
|
|
162
|
+
function syncMaps() {
|
|
163
|
+
let maps;
|
|
164
|
+
let argLen = arguments.length;
|
|
165
|
+
if (argLen === 1) {
|
|
166
|
+
maps = arguments[0];
|
|
167
|
+
} else {
|
|
168
|
+
maps = [];
|
|
169
|
+
for (let i = 0; i < argLen; i++) {
|
|
170
|
+
maps.push(arguments[i]);
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
// Create all the movement functions, because if they're created every time
|
|
175
|
+
// they wouldn't be the same and couldn't be removed.
|
|
176
|
+
let fns = [];
|
|
177
|
+
maps.forEach(function (map, index) {
|
|
178
|
+
fns[index] = sync.bind(
|
|
179
|
+
null,
|
|
180
|
+
map,
|
|
181
|
+
maps.filter(function (o, i) {
|
|
182
|
+
return i !== index;
|
|
183
|
+
}),
|
|
184
|
+
);
|
|
185
|
+
});
|
|
186
|
+
|
|
187
|
+
function on() {
|
|
188
|
+
maps.forEach(function (map, index) {
|
|
189
|
+
map.on('move', fns[index]);
|
|
190
|
+
});
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
function off() {
|
|
194
|
+
maps.forEach(function (map, index) {
|
|
195
|
+
map.off('move', fns[index]);
|
|
196
|
+
});
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
// When one map moves, we turn off the movement listeners
|
|
200
|
+
// on all the maps, move it, then turn the listeners on again
|
|
201
|
+
function sync(master, clones) {
|
|
202
|
+
off();
|
|
203
|
+
moveToMapPosition(master, clones);
|
|
204
|
+
on();
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
on();
|
|
208
|
+
return function () {
|
|
209
|
+
off();
|
|
210
|
+
fns = [];
|
|
211
|
+
maps = [];
|
|
212
|
+
};
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
syncMaps(raster, vector);
|
|
216
|
+
</script>
|
|
217
|
+
</body>
|
|
218
|
+
</html>
|