Create map server homepage
@ -0,0 +1,2 @@
|
||||
nbproject/private
|
||||
.directory
|
||||
@ -0,0 +1,15 @@
|
||||
#!/bin/bash
|
||||
|
||||
# Download rendered samples for a specified map style
|
||||
# Script license: Public domain/Creative Commons Zero (CC0)
|
||||
|
||||
MAP=$1
|
||||
FOLDER="public_html/img"
|
||||
|
||||
SMALL="https://maps.netsyms.net/styles/$MAP/static/-87.621,41.873,15@-220,45/600x600.png"
|
||||
LARGE="https://maps.netsyms.net/styles/$MAP/static/-65,0,2/600x600.png"
|
||||
RURAL="https://maps.netsyms.net/styles/$MAP/static/-111.9711,46.9695,10.2@-20.8/600x600.png"
|
||||
|
||||
wget -O $FOLDER/$MAP-small.png $SMALL
|
||||
wget -O $FOLDER/$MAP-large.png $LARGE
|
||||
wget -O $FOLDER/$MAP-rural.png $RURAL
|
||||
@ -0,0 +1,5 @@
|
||||
file.reference.maps.netsyms.net-public_html=public_html
|
||||
file.reference.maps.netsyms.net-test=test
|
||||
files.encoding=UTF-8
|
||||
site.root.folder=${file.reference.maps.netsyms.net-public_html}
|
||||
test.folder=${file.reference.maps.netsyms.net-test}
|
||||
@ -0,0 +1,9 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project xmlns="http://www.netbeans.org/ns/project/1">
|
||||
<type>org.netbeans.modules.web.clientproject</type>
|
||||
<configuration>
|
||||
<data xmlns="http://www.netbeans.org/ns/clientside-project/1">
|
||||
<name>maps.netsyms.net</name>
|
||||
</data>
|
||||
</configuration>
|
||||
</project>
|
||||
@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "maps.netsyms.net",
|
||||
"version": "1.0.0",
|
||||
"author": "Skylar Ittner <skylar@netsyms.com>",
|
||||
"contributors": [],
|
||||
"dependencies": {}
|
||||
}
|
||||
|
After Width: | Height: | Size: 87 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 269 KiB |
|
After Width: | Height: | Size: 91 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 246 KiB |
|
After Width: | Height: | Size: 85 KiB |
|
After Width: | Height: | Size: 316 KiB |
|
After Width: | Height: | Size: 319 KiB |
|
After Width: | Height: | Size: 227 KiB |
|
After Width: | Height: | Size: 272 KiB |
|
After Width: | Height: | Size: 314 KiB |
|
After Width: | Height: | Size: 227 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 314 KiB |
|
After Width: | Height: | Size: 151 KiB |
|
After Width: | Height: | Size: 311 KiB |
|
After Width: | Height: | Size: 416 KiB |
|
After Width: | Height: | Size: 151 KiB |
|
After Width: | Height: | Size: 311 KiB |
|
After Width: | Height: | Size: 482 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 247 KiB |
@ -0,0 +1,210 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Copyright (c) 2019 Netsyms Technologies
|
||||
License: Creative Commons Attribution-ShareAlike 4.0 International
|
||||
https://creativecommons.org/licenses/by-sa/4.0/
|
||||
Preservation of this notice shall satisfy the attribution requirement.
|
||||
-->
|
||||
<title>Netsyms Map Server</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="https://static.netsyms.net/images/netsyms/logo-flat-32.png">
|
||||
<link rel="stylesheet" href="https://static.netsyms.net/bootstrap/4/bootstrap.flatly.min.css" />
|
||||
<link rel="stylesheet" href="https://static.netsyms.net/fontawesome/5/css/all.min.css" />
|
||||
|
||||
<style>
|
||||
.card-img-overlay {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.card-img-overlay div {
|
||||
background: rgba(255,255,255,0.7);
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.card-img-overlay div a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.card-img-overlay:hover div {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.card-img-overlay div:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
</style>
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||
<a class="navbar-brand" href="/"><i class="fas fa-map"></i> Netsyms Map Server</a>
|
||||
</nav>
|
||||
|
||||
<div class="container mt-4">
|
||||
<div class="sticky-top my-3">
|
||||
<div class="d-flex flex-wrap bg-white py-1">
|
||||
<h1 class="display-4 mr-auto">Maps</h1>
|
||||
<div>
|
||||
Preview:
|
||||
<ul class="nav nav-pills" id="preview-selector">
|
||||
<li class="nav-item preview-select" data-preview="large">
|
||||
<a class="nav-link active" href="#">Planet</a>
|
||||
</li>
|
||||
<li class="nav-item preview-select" data-preview="small">
|
||||
<a class="nav-link" href="#">Urban</a>
|
||||
</li>
|
||||
<li class="nav-item preview-select" data-preview="rural">
|
||||
<a class="nav-link" href="#">Rural</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h4>Street</h4>
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6 col-md-4 mb-4">
|
||||
<div class="card">
|
||||
<img src="img/osm-liberty-large.png" class="card-img" alt="">
|
||||
<div class="card-img-overlay">
|
||||
<div>
|
||||
<a class="h5 card-title" href="/styles/osm-liberty/#2/0/0">
|
||||
OSM Liberty
|
||||
</a>
|
||||
<p class="card-text">Map with 3D buildings and Natural Earth terrain shading at low zoom</p>
|
||||
<code class="card-text">https://maps.netsyms.net/styles/osm-liberty/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-basic-large.png" class="card-img" alt="">
|
||||
<div class="card-img-overlay">
|
||||
<div>
|
||||
<a class="h5 card-title" href="/styles/klokantech-basic/#2/0/0">
|
||||
Klokantech Basic
|
||||
</a>
|
||||
<p class="card-text">General-purpose map</p>
|
||||
<code class="card-text">https://maps.netsyms.net/styles/klokantech-basic/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-3d-large.png" class="card-img" alt="">
|
||||
<div class="card-img-overlay">
|
||||
<div>
|
||||
<a class="h5 card-title" href="/styles/klokantech-3d/#2/0/0">
|
||||
Klokantech 3D
|
||||
</a>
|
||||
<p class="card-text">General-purpose map with 3D buildings</p>
|
||||
<code class="card-text">https://maps.netsyms.net/styles/klokantech-3d/style.json</code>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4>Topo</h4>
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6 col-md-4 mb-4">
|
||||
<div class="card">
|
||||
<img src="img/osm-liberty-hillshading-large.png" class="card-img" alt="">
|
||||
<div class="card-img-overlay">
|
||||
<div>
|
||||
<a class="h5 card-title" href="/styles/osm-liberty-hillshading/#2/0/0">
|
||||
OSM Liberty with hillshading
|
||||
</a>
|
||||
<p class="card-text">Map with 3D buildings, Natural Earth terrain shading at low zoom, and hillshading to zoom level 11</p>
|
||||
<code class="card-text">https://maps.netsyms.net/styles/osm-liberty-hillshading/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-large.png" class="card-img" alt="">
|
||||
<div class="card-img-overlay">
|
||||
<div>
|
||||
<a class="h5 card-title" href="/styles/klokantech-terrain/#2/0/0">
|
||||
Klokantech Terrain
|
||||
</a>
|
||||
<h5 class="card-title">Klokantech Terrain</h5>
|
||||
<p class="card-text">Map with emphasis on terrain, with hillshading</p>
|
||||
<code class="card-text">https://maps.netsyms.net/styles/klokantech-terrain/style.json</code>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4>TerranQuest</h4>
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6 col-md-4 mb-4">
|
||||
<div class="card">
|
||||
<img src="img/terranquest-3d-large.png" class="card-img" alt="">
|
||||
<div class="card-img-overlay">
|
||||
<div>
|
||||
<a class="h5 card-title" href="/styles/terranquest-3d/#2/0/0">
|
||||
TerranQuest 3D
|
||||
</a>
|
||||
<h5 class="card-title">TerranQuest 3D</h5>
|
||||
<p class="card-text">TerranQuest daytime theme with 3D buildings</p>
|
||||
<code class="card-text">https://maps.netsyms.net/styles/terranquest-3d/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/terranquest-flat-large.png" class="card-img" alt="">
|
||||
<div class="card-img-overlay">
|
||||
<div>
|
||||
<a class="h5 card-title" href="/styles/terranquest-flat/#2/0/0">
|
||||
TerranQuest Flat
|
||||
</a>
|
||||
<h5 class="card-title">TerranQuest Flat</h5>
|
||||
<p class="card-text">TerranQuest daytime theme with flat buildings</p>
|
||||
<code class="card-text">https://maps.netsyms.net/styles/terranquest-flat/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/terranquest-simple-large.png" class="card-img" alt="">
|
||||
<div class="card-img-overlay">
|
||||
<div>
|
||||
<a class="h5 card-title" href="/styles/terranquest-simple/#2/0/0">
|
||||
TerranQuest Simple
|
||||
</a>
|
||||
<h5 class="card-title">TerranQuest Simple</h5>
|
||||
<p class="card-text">TerranQuest daytime theme with solid colors instead of textures</p>
|
||||
<code class="card-text">https://maps.netsyms.net/styles/terranquest-simple/style.json</code>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://static.netsyms.net/jquery/jquery-3.3.1.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 src = $(this).attr("src");
|
||||
console.log(src);
|
||||
src = src.replace("large", "XXX");
|
||||
src = src.replace("small", "XXX");
|
||||
src = src.replace("rural", "XXX");
|
||||
src = src.replace("XXX", preview);
|
||||
console.log(src);
|
||||
$(this).attr("src", src);
|
||||
});
|
||||
});
|
||||
</script>
|
||||