-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
103 lines (75 loc) · 5.37 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Begin Jekyll SEO tag v2.8.0 -->
<title>MapTiler samples | samples</title>
<meta name="generator" content="Jekyll v3.9.5" />
<meta property="og:title" content="MapTiler samples" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="MapTiler samples" />
<meta property="og:description" content="MapTiler samples" />
<link rel="canonical" href="https://labs.maptiler.com/samples/" />
<meta property="og:url" content="https://labs.maptiler.com/samples/" />
<meta property="og:site_name" content="samples" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="MapTiler samples" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebSite","description":"MapTiler samples","headline":"MapTiler samples","name":"samples","url":"http://labs.maptiler.com/samples/"}</script>
<!-- End Jekyll SEO tag -->
<link rel="stylesheet" href="/samples/assets/css/style.css?v=54c1a990f7f43a37ca95b848ac23911d157376e4">
<!-- start custom head snippets, customize with your own _includes/head-custom.html file -->
<!-- Setup Google Analytics -->
<!-- You can set your favicon here -->
<!-- link rel="shortcut icon" type="image/x-icon" href="/samples/favicon.ico" -->
<!-- end custom head snippets -->
</head>
<body>
<div class="container-lg px-3 my-5 markdown-body">
<h1><a href="http://labs.maptiler.com/samples/">samples</a></h1>
<h1 id="maptiler-samples">MapTiler samples</h1>
<p>Code examples of how to use the <a href="https://www.maptiler.com/cloud/">MapTiler Maps API</a> with live demos.</p>
<h2 id="live-demos">Live demos</h2>
<h3 id="maptiler-cloud">MapTiler Cloud</h3>
<ul>
<li><a href="https://labs.maptiler.com/samples/cloud/choropleth-geojson-leaflet/">Choropleth geojson - Leaflet</a></li>
<li><a href="https://labs.maptiler.com/samples/cloud/choropleth-geojson-maplibre/">Choropleth geojson - MapLibre</a></li>
<li><a href="https://labs.maptiler.com/samples/cloud/choropleth-geojson-openlayers/">Choropleth geojson - OpenLayers</a></li>
<li><a href="https://labs.maptiler.com/samples/cloud/choropleth-map-basic/">Choropleth map basic- MapLibre</a></li>
<li><a href="https://labs.maptiler.com/samples/cloud/countries-dataset/">Countries dataset - MapLibre</a></li>
<li><a href="https://labs.maptiler.com/samples/cloud/countries-with-own-data/">Countries with own data - MapLibre</a></li>
<li><a href="https://labs.maptiler.com/samples/cloud/elevation-profile/">Elevation profile- Mapbox GL</a></li>
<li><a href="https://labs.maptiler.com/samples/cloud/reverse-geocoding-maplibre/">Reverse geocoding - MapLibre</a></li>
<li><a href="https://labs.maptiler.com/samples/cloud/wmts-openlayers/">WMTS - OpenLayers</a></li>
</ul>
<h3 id="cesium">Cesium</h3>
<ul>
<li><a href="https://labs.maptiler.com/samples/cesium/custom-lidar/">Coustom lidar</a></li>
</ul>
<h3 id="web">Web</h3>
<ul>
<li><a href="https://labs.maptiler.com/samples/web/geocoder-component/">Geocoder component - MapLibre</a></li>
<li><a href="https://labs.maptiler.com/samples/web/threejs-gltf/">MapTiler terrain GLTF - Three.js</a></li>
<li><a href="https://labs.maptiler.com/samples/web/trip-sa/">South America trip - MapTiler SDK helpers</a></li>
</ul>
<h2 id="maplibre">Maplibre</h2>
<ul>
<li><a href="https://labs.maptiler.com/samples/maplibre/terrain/">MapLibre Terrain Demo</a></li>
</ul>
<h2 id="contributing">Contributing</h2>
<p>Please create a folder per article or usecase in the product’s folder. The website has an autobuild to https://labs.maptiler.com/samples/</p>
<blockquote>
<p>When autobuild finished, samples can be found on <code class="language-plaintext highlighter-rouge">https://labs.maptiler.com/samples/[sample path]/</code>, for example the sample in the <code class="language-plaintext highlighter-rouge">cloud/choropleth-map-basic</code> folder will end up in <a href="https://labs.maptiler.com/samples/cloud/choropleth-map-basic/"><code class="language-plaintext highlighter-rouge">https://labs.maptiler.com/samples/cloud/choropleth-map-basic/</code></a></p>
<h3 id="where-to-store-data-for-samples">Where to store data for samples</h3>
<p>All data and maps need to be stored in one account in MapTiler Cloud. The account is called <a href="https://cloud.maptiler.com/account/switch?account_id=a8ee7342-ffd3-45a7-b7c3-1b50050b033d"><strong>MapTiler Web</strong></a>. Ask your teamleader or PO for an access. Please, mark all production datasets with label <strong>PRODUCTION</strong> and please write description to dataset/map with link where it is used for later.</p>
</blockquote>
<h3 id="where-to-get-key-for-samples">Where to get key for samples</h3>
<p>Please use now just one key: <code class="language-plaintext highlighter-rouge">ikPbJwwEEbaMHCvgAxpQ</code>. We will replace it globally later. The key is under <strong>MapTiler Web</strong> account, so it has access to all uploaded sample data.</p>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.1.0/anchor.min.js" integrity="sha256-lZaRhKri35AyJSypXXs4o6OPFTbTmUoltBbDCbdzegg=" crossorigin="anonymous"></script>
<script>anchors.add();</script>
</body>
</html>