|
|
|
@ -59,6 +59,7 @@ Preservation of this notice shall satisfy the attribution requirement.
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<h4>Street</h4>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-12 col-sm-6 col-md-4 mb-4">
|
|
|
|
@ -129,12 +130,104 @@ Preservation of this notice shall satisfy the attribution requirement.
|
|
|
|
|
<a class="h5 card-title" href="/styles/klokantech-terrain/#2/0/0">
|
|
|
|
|
Klokantech Terrain
|
|
|
|
|
</a>
|
|
|
|
|
<p class="card-text">Map with emphasis on terrain, with hillshading</p>
|
|
|
|
|
<p class="card-text">Map with emphasis on terrain, with hillshading and contour lines (in US only)</p>
|
|
|
|
|
<code class="card-text">https://maps.netsyms.net/styles/klokantech-terrain/style.json</code>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-12 col-sm-6 col-md-4 mb-4">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<img src="img/klokantech-terrain-freehills-large.png" class="card-img" alt="">
|
|
|
|
|
<div class="card-img-overlay">
|
|
|
|
|
<div>
|
|
|
|
|
<a class="h5 card-title" href="/styles/klokantech-terrain-freehills/#2/0/0">
|
|
|
|
|
Klokantech Terrain with Free Hillshading
|
|
|
|
|
</a>
|
|
|
|
|
<p class="card-text">Map showcasing free hillshading data from <a href="https://netsyms.com/gis/hillshading">here</a></p>
|
|
|
|
|
<code class="card-text">https://maps.netsyms.net/styles/klokantech-terrain-freehills/style.json</code>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<h4>Light</h4>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-12 col-sm-6 col-md-4 mb-4">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<img src="img/positron-large.png" class="card-img" alt="">
|
|
|
|
|
<div class="card-img-overlay">
|
|
|
|
|
<div>
|
|
|
|
|
<a class="h5 card-title" href="/styles/positron/#2/0/0">
|
|
|
|
|
Positron
|
|
|
|
|
</a>
|
|
|
|
|
<p class="card-text">Light, grey theme for overlays.</p>
|
|
|
|
|
<code class="card-text">https://maps.netsyms.net/styles/positron/style.json</code>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-12 col-sm-6 col-md-4 mb-4">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<img src="img/toner-large.png" class="card-img" alt="">
|
|
|
|
|
<div class="card-img-overlay">
|
|
|
|
|
<div>
|
|
|
|
|
<a class="h5 card-title" href="/styles/toner/#2/0/0">
|
|
|
|
|
Toner
|
|
|
|
|
</a>
|
|
|
|
|
<p class="card-text">Completely black and white theme.</p>
|
|
|
|
|
<code class="card-text">https://maps.netsyms.net/styles/toner/style.json</code>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<h4>Dark</h4>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-12 col-sm-6 col-md-4 mb-4">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<img src="img/fiord-color-large.png" class="card-img" alt="">
|
|
|
|
|
<div class="card-img-overlay">
|
|
|
|
|
<div>
|
|
|
|
|
<a class="h5 card-title" href="/styles/fiord-color/#2/0/0">
|
|
|
|
|
Fiord Color
|
|
|
|
|
</a>
|
|
|
|
|
<p class="card-text">Dark blue map theme</p>
|
|
|
|
|
<code class="card-text">https://maps.netsyms.net/styles/fiord-color/style.json</code>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-12 col-sm-6 col-md-4 mb-4">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<img src="img/oled-black-large.png" class="card-img" alt="">
|
|
|
|
|
<div class="card-img-overlay">
|
|
|
|
|
<div>
|
|
|
|
|
<a class="h5 card-title" href="/styles/oled-black/#2/0/0">
|
|
|
|
|
OLED Black
|
|
|
|
|
</a>
|
|
|
|
|
<p class="card-text">Theme with 100% black background, based on Fiord Color.</p>
|
|
|
|
|
<code class="card-text">https://maps.netsyms.net/styles/oled-black/style.json</code>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-12 col-sm-6 col-md-4 mb-4">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<img src="img/dark-matter-large.png" class="card-img" alt="">
|
|
|
|
|
<div class="card-img-overlay">
|
|
|
|
|
<div>
|
|
|
|
|
<a class="h5 card-title" href="/styles/dark-matter/#2/0/0">
|
|
|
|
|
Dark Matter
|
|
|
|
|
</a>
|
|
|
|
|
<p class="card-text">Black, shadowy theme for overlays.</p>
|
|
|
|
|
<code class="card-text">https://maps.netsyms.net/styles/dark-matter/style.json</code>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<h4>TerranQuest</h4>
|
|
|
|
@ -170,7 +263,7 @@ Preservation of this notice shall satisfy the attribution requirement.
|
|
|
|
|
<div class="col-12 col-sm-6 col-md-4 mb-4">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<img src="img/terranquest-simple-large.png" class="card-img" alt="">
|
|
|
|
|
<div class="card-img-overlay">
|
|
|
|
|
<div class="ca/home/skylar/Documents/Projects/Sources/Apps/Nativerd-img-overlay">
|
|
|
|
|
<div>
|
|
|
|
|
<a class="h5 card-title" href="/styles/terranquest-simple/#2/0/0">
|
|
|
|
|
TerranQuest Simple
|
|
|
|
@ -184,15 +277,15 @@ Preservation of this notice shall satisfy the attribution requirement.
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="https://static.netsyms.net/jquery/jquery-3.3.1.slim.min.js"></script>
|
|
|
|
|
<script src="https://static.netsyms.net/jquery/jquery.slim.min.js"></script>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
$(".preview-select").click(function (evt) {
|
|
|
|
|
evt.preventDefault();
|
|
|
|
|
$(".preview-select .nav-link").removeClass("active");
|
|
|
|
|
$(".nav-link", this).addClass("active");
|
|
|
|
|
var preview = $(this).data("preview");
|
|
|
|
|
$("img.card-img").each(function () {
|
|
|
|
|
var preview = $(this).data("preview");
|
|
|
|
|
$("img.card-img").each(function () {
|
|
|
|
|
var src = $(this).attr("src");
|
|
|
|
|
console.log(src);
|
|
|
|
|
src = src.replace("large", "XXX");
|
|
|
|
|