(MODE-11365) Testing deployment of tileserver v2.3.1.
This commit is contained in:
Sokratis Siozos-Drosos
parent
abc2882620
commit
9be2bc1558
24 changed files with 564 additions and 881 deletions
|
|
@ -1,4 +1,4 @@
|
||||||
FROM node:6.15.1-stretch
|
FROM node:6-stretch
|
||||||
MAINTAINER Petr Sloup <petr.sloup@klokantech.com>
|
MAINTAINER Petr Sloup <petr.sloup@klokantech.com>
|
||||||
|
|
||||||
ENV NODE_ENV="production"
|
ENV NODE_ENV="production"
|
||||||
|
|
@ -21,7 +21,6 @@ RUN apt-get -qq update \
|
||||||
libprotobuf-dev \
|
libprotobuf-dev \
|
||||||
libxxf86vm-dev \
|
libxxf86vm-dev \
|
||||||
xvfb \
|
xvfb \
|
||||||
x11-utils \
|
|
||||||
&& apt-get clean
|
&& apt-get clean
|
||||||
|
|
||||||
RUN mkdir -p /usr/src/app
|
RUN mkdir -p /usr/src/app
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
FROM node:6.15.1-stretch
|
FROM node:6
|
||||||
MAINTAINER Petr Sloup <petr.sloup@klokantech.com>
|
MAINTAINER Petr Sloup <petr.sloup@klokantech.com>
|
||||||
|
|
||||||
ENV NODE_ENV="production"
|
ENV NODE_ENV="production"
|
||||||
|
|
|
||||||
|
|
@ -2,8 +2,6 @@ It is great you want to help us making TileServer GL project better!
|
||||||
|
|
||||||
This is the right place only for a software bug report or a new software feature request.
|
This is the right place only for a software bug report or a new software feature request.
|
||||||
|
|
||||||
NOTE: Questions about OpenMapTiles data, OpenMapTiles Server, TileHosting and other software/products do not belong here (and will not be answered)!
|
|
||||||
|
|
||||||
The usage and installation questions belongs to https://stackoverflow.com/questions/tagged/openmaptiles
|
The usage and installation questions belongs to https://stackoverflow.com/questions/tagged/openmaptiles
|
||||||
A guaranteed support and consulting from the core developers via https://openmaptiles.com/support/
|
A guaranteed support and consulting from the core developers via https://openmaptiles.com/support/
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -20,7 +20,7 @@ npm install -g tileserver-gl
|
||||||
Now download vector tiles from [OpenMapTiles](https://openmaptiles.org/downloads/).
|
Now download vector tiles from [OpenMapTiles](https://openmaptiles.org/downloads/).
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
curl -o zurich_switzerland.mbtiles https://[GET-YOUR-LINK]/extracts/zurich_switzerland.mbtiles
|
curl -o zurich_switzerland.mbtiles https://openmaptiles.os.zhdk.cloud.switch.ch/v3.3/extracts/zurich_switzerland.mbtiles
|
||||||
```
|
```
|
||||||
|
|
||||||
Start `tileserver-gl` with the downloaded vector tiles.
|
Start `tileserver-gl` with the downloaded vector tiles.
|
||||||
|
|
|
||||||
|
|
@ -173,7 +173,7 @@ Sprites
|
||||||
|
|
||||||
If your style requires any sprites, make sure the style JSON contains proper path in the ``sprite`` property.
|
If your style requires any sprites, make sure the style JSON contains proper path in the ``sprite`` property.
|
||||||
|
|
||||||
It can be a local path (e.g. ``my-style/sprite``) or remote http(s) location (e.g. ``https://mycdn.com/my-style/sprite``). Several possible extension are added to this path, so the following files should be present:
|
It can be a local path (e.g. ``my-style/sprite``) or remove http(s) location (e.g. ``https://mycdn.com/my-style/sprite``). Several possible extension are added to this path, so the following files should be present:
|
||||||
|
|
||||||
* ``sprite.json``
|
* ``sprite.json``
|
||||||
* ``sprite.png``
|
* ``sprite.png``
|
||||||
|
|
|
||||||
|
|
@ -21,10 +21,6 @@ Rendered tiles
|
||||||
|
|
||||||
* The rendered tiles are not available in the ``tileserver-gl-light`` version.
|
* The rendered tiles are not available in the ``tileserver-gl-light`` version.
|
||||||
|
|
||||||
WMTS Capabilities
|
|
||||||
==============
|
|
||||||
* WMTS Capabilities are served at ``/styles/{id}/wmts.xml``
|
|
||||||
|
|
||||||
Static images
|
Static images
|
||||||
=============
|
=============
|
||||||
* Several endpoints:
|
* Several endpoints:
|
||||||
|
|
|
||||||
|
|
@ -4,22 +4,21 @@ Usage
|
||||||
|
|
||||||
Getting started
|
Getting started
|
||||||
======
|
======
|
||||||
|
|
||||||
::
|
::
|
||||||
|
|
||||||
Usage: main.js tileserver-gl [mbtiles] [options]
|
Usage: tileserver-gl [mbtiles] [options]
|
||||||
|
|
||||||
Options:
|
mbtiles MBTiles file (uses demo configuration);
|
||||||
|
ignored if the configuration file is also specified
|
||||||
|
|
||||||
|
Options:
|
||||||
|
-c, --config Configuration file [config.json]
|
||||||
|
-b, --bind Bind address
|
||||||
|
-p, --port Port [8080]
|
||||||
|
-V, --verbose More verbose output
|
||||||
|
-v, --version Version info
|
||||||
|
|
||||||
-h, --help output usage information
|
|
||||||
--mbtiles <file> MBTiles file (uses demo configuration);
|
|
||||||
ignored if the configuration file is also specified
|
|
||||||
-c, --config <file> Configuration file [config.json]
|
|
||||||
-b, --bind <address> Bind address
|
|
||||||
-p, --port <port> Port [8080]
|
|
||||||
-C|--no-cors Disable Cross-origin resource sharing headers
|
|
||||||
-V, --verbose More verbose output
|
|
||||||
-s, --silent Less verbose output
|
|
||||||
-v, --version Version info
|
|
||||||
|
|
||||||
|
|
||||||
Default styles and configuration
|
Default styles and configuration
|
||||||
|
|
|
||||||
41
package.json
41
package.json
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "tileserver-gl",
|
"name": "tileserver-gl",
|
||||||
"version": "2.5.0",
|
"version": "2.3.1",
|
||||||
"description": "Map tile server for JSON GL styles - vector and server side generated raster tiles",
|
"description": "Map tile server for JSON GL styles - vector and server side generated raster tiles",
|
||||||
"main": "src/main.js",
|
"main": "src/main.js",
|
||||||
"bin": "src/main.js",
|
"bin": "src/main.js",
|
||||||
|
|
@ -19,30 +19,31 @@
|
||||||
"test": "mocha test/**.js --timeout 10000"
|
"test": "mocha test/**.js --timeout 10000"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@mapbox/mapbox-gl-native": "4.0.0",
|
"@mapbox/mapbox-gl-native": "3.5.4",
|
||||||
"@mapbox/mbtiles": "0.10.0",
|
"@mapbox/mbtiles": "0.9.0",
|
||||||
"@mapbox/sphericalmercator": "1.1.0",
|
"@mapbox/sphericalmercator": "1.0.5",
|
||||||
"@mapbox/vector-tile": "1.3.1",
|
"@mapbox/vector-tile": "1.3.0",
|
||||||
"advanced-pool": "0.3.3",
|
"advanced-pool": "0.3.3",
|
||||||
"canvas": "1.6.13",
|
"base64url": "2.0.0",
|
||||||
"clone": "2.1.2",
|
"canvas": "1.6.8",
|
||||||
"color": "3.1.0",
|
"clone": "2.1.1",
|
||||||
"commander": "2.19.0",
|
"color": "1.0.3",
|
||||||
"cors": "2.8.5",
|
"cors": "2.8.4",
|
||||||
"express": "4.16.4",
|
"express": "4.16.2",
|
||||||
"glyph-pbf-composite": "0.0.2",
|
"glyph-pbf-composite": "0.0.2",
|
||||||
"handlebars": "4.0.12",
|
"handlebars": "4.0.11",
|
||||||
"http-shutdown": "^1.2.0",
|
"http-shutdown": "^1.2.0",
|
||||||
"morgan": "1.9.1",
|
"morgan": "1.9.0",
|
||||||
"pbf": "3.1.0",
|
"nomnom": "1.8.1",
|
||||||
"proj4": "2.5.0",
|
"pbf": "3.0.5",
|
||||||
"request": "2.88.0",
|
"proj4": "2.4.4",
|
||||||
"sharp": "0.21.1",
|
"request": "2.83.0",
|
||||||
|
"sharp": "0.18.2",
|
||||||
"tileserver-gl-styles": "1.2.0"
|
"tileserver-gl-styles": "1.2.0"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"mocha": "^5.2.0",
|
"should": "^11.2.0",
|
||||||
"should": "^13.2.0",
|
"mocha": "^3.2.0",
|
||||||
"supertest": "^3.1.0"
|
"supertest": "^3.0.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -28,7 +28,7 @@ a{
|
||||||
color: #499DCE;
|
color: #499DCE;
|
||||||
transition: color .2s;
|
transition: color .2s;
|
||||||
}
|
}
|
||||||
a:hover {
|
a:hover{
|
||||||
color: #395D73;
|
color: #395D73;
|
||||||
}
|
}
|
||||||
.title {
|
.title {
|
||||||
|
|
@ -47,7 +47,7 @@ a:hover {
|
||||||
color: #499DCE;
|
color: #499DCE;
|
||||||
font-size:.8em;
|
font-size:.8em;
|
||||||
}
|
}
|
||||||
section {
|
section{
|
||||||
margin: 15px auto;
|
margin: 15px auto;
|
||||||
width: 930px;
|
width: 930px;
|
||||||
padding: 30px 0;
|
padding: 30px 0;
|
||||||
|
|
@ -70,7 +70,7 @@ section {
|
||||||
font-size:20px;
|
font-size:20px;
|
||||||
background:#fff;
|
background:#fff;
|
||||||
}
|
}
|
||||||
.item {
|
.item{
|
||||||
background:#fff;
|
background:#fff;
|
||||||
height: 191px;
|
height: 191px;
|
||||||
border: 1px solid #ededed;
|
border: 1px solid #ededed;
|
||||||
|
|
@ -79,7 +79,7 @@ section {
|
||||||
.item:nth-child(odd) {
|
.item:nth-child(odd) {
|
||||||
background-color:#fbfbfb;
|
background-color:#fbfbfb;
|
||||||
}
|
}
|
||||||
.item img {
|
.item img{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin: 30px;
|
margin: 30px;
|
||||||
width: 128px;
|
width: 128px;
|
||||||
|
|
@ -122,10 +122,10 @@ section {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.btn:first-child:hover {
|
.btn:first-child:hover{
|
||||||
background: #395D73;
|
background: #395D73;
|
||||||
}
|
}
|
||||||
footer {
|
footer{
|
||||||
width:100%;
|
width:100%;
|
||||||
border-top:1px solid #ededed;
|
border-top:1px solid #ededed;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
|
|
@ -133,7 +133,7 @@ footer {
|
||||||
padding-top:10px;
|
padding-top:10px;
|
||||||
font-size:12px;
|
font-size:12px;
|
||||||
}
|
}
|
||||||
footer img {
|
footer img{
|
||||||
width: 118px;
|
width: 118px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
}
|
}
|
||||||
|
|
@ -147,10 +147,6 @@ footer a {
|
||||||
color: #787878;
|
color: #787878;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.details h3, .identifier {
|
|
||||||
max-width: 550px;
|
|
||||||
word-break: break-all;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* body background image */
|
/* body background image */
|
||||||
body {
|
body {
|
||||||
|
|
@ -189,31 +185,31 @@ body {
|
||||||
.title.light:after {
|
.title.light:after {
|
||||||
font-size:.6em;
|
font-size:.6em;
|
||||||
}
|
}
|
||||||
.title img {
|
.title img{
|
||||||
width: 200px;
|
width: 200px;
|
||||||
}
|
}
|
||||||
.subtitle {
|
.subtitle{
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
margin: 0 0 35px 0;
|
margin: 0 0 35px 0;
|
||||||
}
|
}
|
||||||
.item {
|
.item{
|
||||||
height: 245px;
|
height: 245px;
|
||||||
}
|
}
|
||||||
.viewers {
|
.viewers{
|
||||||
float: left;
|
float: left;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
}
|
}
|
||||||
.viewers a {
|
.viewers a{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.btn {
|
.btn{
|
||||||
margin: 0 20px 0 0;
|
margin: 0 20px 0 0;
|
||||||
}
|
}
|
||||||
.btn:first-child {
|
.btn:first-child{
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,14 +4,6 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||||
}
|
}
|
||||||
.mapboxgl-map:-webkit-full-screen {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mapboxgl-missing-css {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mapboxgl-canvas-container.mapboxgl-interactive,
|
.mapboxgl-canvas-container.mapboxgl-interactive,
|
||||||
.mapboxgl-ctrl-nav-compass {
|
.mapboxgl-ctrl-nav-compass {
|
||||||
|
|
@ -98,51 +90,11 @@
|
||||||
.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in {
|
.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in {
|
||||||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0A%20%20%3Cpath%20style%3D%27fill%3A%23333333%3B%27%20d%3D%27M%2010%206%20C%209.446%206%209%206.4459904%209%207%20L%209%209%20L%207%209%20C%206.446%209%206%209.446%206%2010%20C%206%2010.554%206.446%2011%207%2011%20L%209%2011%20L%209%2013%20C%209%2013.55401%209.446%2014%2010%2014%20C%2010.554%2014%2011%2013.55401%2011%2013%20L%2011%2011%20L%2013%2011%20C%2013.554%2011%2014%2010.554%2014%2010%20C%2014%209.446%2013.554%209%2013%209%20L%2011%209%20L%2011%207%20C%2011%206.4459904%2010.554%206%2010%206%20z%27%20%2F%3E%0A%3C%2Fsvg%3E%0A");
|
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0A%20%20%3Cpath%20style%3D%27fill%3A%23333333%3B%27%20d%3D%27M%2010%206%20C%209.446%206%209%206.4459904%209%207%20L%209%209%20L%207%209%20C%206.446%209%206%209.446%206%2010%20C%206%2010.554%206.446%2011%207%2011%20L%209%2011%20L%209%2013%20C%209%2013.55401%209.446%2014%2010%2014%20C%2010.554%2014%2011%2013.55401%2011%2013%20L%2011%2011%20L%2013%2011%20C%2013.554%2011%2014%2010.554%2014%2010%20C%2014%209.446%2013.554%209%2013%209%20L%2011%209%20L%2011%207%20C%2011%206.4459904%2010.554%206%2010%206%20z%27%20%2F%3E%0A%3C%2Fsvg%3E%0A");
|
||||||
}
|
}
|
||||||
.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate {
|
.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate {
|
||||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0D%0A%20%20%3Cpath%20style%3D%27fill%3A%23333%3B%27%20d%3D%27M10%204C9%204%209%205%209%205L9%205.1A5%205%200%200%200%205.1%209L5%209C5%209%204%209%204%2010%204%2011%205%2011%205%2011L5.1%2011A5%205%200%200%200%209%2014.9L9%2015C9%2015%209%2016%2010%2016%2011%2016%2011%2015%2011%2015L11%2014.9A5%205%200%200%200%2014.9%2011L15%2011C15%2011%2016%2011%2016%2010%2016%209%2015%209%2015%209L14.9%209A5%205%200%200%200%2011%205.1L11%205C11%205%2011%204%2010%204zM10%206.5A3.5%203.5%200%200%201%2013.5%2010%203.5%203.5%200%200%201%2010%2013.5%203.5%203.5%200%200%201%206.5%2010%203.5%203.5%200%200%201%2010%206.5zM10%208.3A1.8%201.8%200%200%200%208.3%2010%201.8%201.8%200%200%200%2010%2011.8%201.8%201.8%200%200%200%2011.8%2010%201.8%201.8%200%200%200%2010%208.3z%27%20%2F%3E%0D%0A%3C%2Fsvg%3E");
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0D%0A%20%20%3Cpath%20style%3D%27fill%3A%23333%3B%27%20d%3D%27M10%204C9%204%209%205%209%205L9%205.1A5%205%200%200%200%205.1%209L5%209C5%209%204%209%204%2010%204%2011%205%2011%205%2011L5.1%2011A5%205%200%200%200%209%2014.9L9%2015C9%2015%209%2016%2010%2016%2011%2016%2011%2015%2011%2015L11%2014.9A5%205%200%200%200%2014.9%2011L15%2011C15%2011%2016%2011%2016%2010%2016%209%2015%209%2015%209L14.9%209A5%205%200%200%200%2011%205.1L11%205C11%205%2011%204%2010%204zM10%206.5A3.5%203.5%200%200%201%2013.5%2010%203.5%203.5%200%200%201%2010%2013.5%203.5%203.5%200%200%201%206.5%2010%203.5%203.5%200%200%201%2010%206.5zM10%208.3A1.8%201.8%200%200%200%208.3%2010%201.8%201.8%200%200%200%2010%2011.8%201.8%201.8%200%200%200%2011.8%2010%201.8%201.8%200%200%200%2010%208.3z%27%20%2F%3E%0D%0A%3C%2Fsvg%3E");
|
||||||
}
|
}
|
||||||
.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate:disabled {
|
.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-watching {
|
||||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0D%0A%20%20%3Cpath%20style%3D%27fill%3A%23aaa%3B%27%20d%3D%27M10%204C9%204%209%205%209%205L9%205.1A5%205%200%200%200%205.1%209L5%209C5%209%204%209%204%2010%204%2011%205%2011%205%2011L5.1%2011A5%205%200%200%200%209%2014.9L9%2015C9%2015%209%2016%2010%2016%2011%2016%2011%2015%2011%2015L11%2014.9A5%205%200%200%200%2014.9%2011L15%2011C15%2011%2016%2011%2016%2010%2016%209%2015%209%2015%209L14.9%209A5%205%200%200%200%2011%205.1L11%205C11%205%2011%204%2010%204zM10%206.5A3.5%203.5%200%200%201%2013.5%2010%203.5%203.5%200%200%201%2010%2013.5%203.5%203.5%200%200%201%206.5%2010%203.5%203.5%200%200%201%2010%206.5zM10%208.3A1.8%201.8%200%200%200%208.3%2010%201.8%201.8%200%200%200%2010%2011.8%201.8%201.8%200%200%200%2011.8%2010%201.8%201.8%200%200%200%2010%208.3z%27%20%2F%3E%0D%0A%3C%2Fsvg%3E");
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0D%0A%20%20%3Cpath%20style%3D%27fill%3A%2300f%3B%27%20d%3D%27M10%204C9%204%209%205%209%205L9%205.1A5%205%200%200%200%205.1%209L5%209C5%209%204%209%204%2010%204%2011%205%2011%205%2011L5.1%2011A5%205%200%200%200%209%2014.9L9%2015C9%2015%209%2016%2010%2016%2011%2016%2011%2015%2011%2015L11%2014.9A5%205%200%200%200%2014.9%2011L15%2011C15%2011%2016%2011%2016%2010%2016%209%2015%209%2015%209L14.9%209A5%205%200%200%200%2011%205.1L11%205C11%205%2011%204%2010%204zM10%206.5A3.5%203.5%200%200%201%2013.5%2010%203.5%203.5%200%200%201%2010%2013.5%203.5%203.5%200%200%201%206.5%2010%203.5%203.5%200%200%201%2010%206.5zM10%208.3A1.8%201.8%200%200%200%208.3%2010%201.8%201.8%200%200%200%2010%2011.8%201.8%201.8%200%200%200%2011.8%2010%201.8%201.8%200%200%200%2010%208.3z%27%20%2F%3E%0D%0A%3C%2Fsvg%3E");
|
||||||
}
|
|
||||||
.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active {
|
|
||||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0D%0A%20%20%3Cpath%20style%3D%27fill%3A%2333b5e5%3B%27%20d%3D%27M10%204C9%204%209%205%209%205L9%205.1A5%205%200%200%200%205.1%209L5%209C5%209%204%209%204%2010%204%2011%205%2011%205%2011L5.1%2011A5%205%200%200%200%209%2014.9L9%2015C9%2015%209%2016%2010%2016%2011%2016%2011%2015%2011%2015L11%2014.9A5%205%200%200%200%2014.9%2011L15%2011C15%2011%2016%2011%2016%2010%2016%209%2015%209%2015%209L14.9%209A5%205%200%200%200%2011%205.1L11%205C11%205%2011%204%2010%204zM10%206.5A3.5%203.5%200%200%201%2013.5%2010%203.5%203.5%200%200%201%2010%2013.5%203.5%203.5%200%200%201%206.5%2010%203.5%203.5%200%200%201%2010%206.5zM10%208.3A1.8%201.8%200%200%200%208.3%2010%201.8%201.8%200%200%200%2010%2011.8%201.8%201.8%200%200%200%2011.8%2010%201.8%201.8%200%200%200%2010%208.3z%27%20%2F%3E%0D%0A%3C%2Fsvg%3E");
|
|
||||||
}
|
|
||||||
.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error {
|
|
||||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0D%0A%20%20%3Cpath%20style%3D%27fill%3A%23e58978%3B%27%20d%3D%27M10%204C9%204%209%205%209%205L9%205.1A5%205%200%200%200%205.1%209L5%209C5%209%204%209%204%2010%204%2011%205%2011%205%2011L5.1%2011A5%205%200%200%200%209%2014.9L9%2015C9%2015%209%2016%2010%2016%2011%2016%2011%2015%2011%2015L11%2014.9A5%205%200%200%200%2014.9%2011L15%2011C15%2011%2016%2011%2016%2010%2016%209%2015%209%2015%209L14.9%209A5%205%200%200%200%2011%205.1L11%205C11%205%2011%204%2010%204zM10%206.5A3.5%203.5%200%200%201%2013.5%2010%203.5%203.5%200%200%201%2010%2013.5%203.5%203.5%200%200%201%206.5%2010%203.5%203.5%200%200%201%2010%206.5zM10%208.3A1.8%201.8%200%200%200%208.3%2010%201.8%201.8%200%200%200%2010%2011.8%201.8%201.8%200%200%200%2011.8%2010%201.8%201.8%200%200%200%2010%208.3z%27%20%2F%3E%0D%0A%3C%2Fsvg%3E");
|
|
||||||
}
|
|
||||||
.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background {
|
|
||||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0A%20%20%3Cpath%20style%3D%27fill%3A%2333b5e5%3B%27%20d%3D%27M%2010%2C4%20C%209%2C4%209%2C5%209%2C5%20L%209%2C5.1%20C%207.0357113%2C5.5006048%205.5006048%2C7.0357113%205.1%2C9%20L%205%2C9%20c%200%2C0%20-1%2C0%20-1%2C1%200%2C1%201%2C1%201%2C1%20l%200.1%2C0%20c%200.4006048%2C1.964289%201.9357113%2C3.499395%203.9%2C3.9%20L%209%2C15%20c%200%2C0%200%2C1%201%2C1%201%2C0%201%2C-1%201%2C-1%20l%200%2C-0.1%20c%201.964289%2C-0.400605%203.499395%2C-1.935711%203.9%2C-3.9%20l%200.1%2C0%20c%200%2C0%201%2C0%201%2C-1%20C%2016%2C9%2015%2C9%2015%2C9%20L%2014.9%2C9%20C%2014.499395%2C7.0357113%2012.964289%2C5.5006048%2011%2C5.1%20L%2011%2C5%20c%200%2C0%200%2C-1%20-1%2C-1%20z%20m%200%2C2.5%20c%201.932997%2C0%203.5%2C1.5670034%203.5%2C3.5%200%2C1.932997%20-1.567003%2C3.5%20-3.5%2C3.5%20C%208.0670034%2C13.5%206.5%2C11.932997%206.5%2C10%206.5%2C8.0670034%208.0670034%2C6.5%2010%2C6.5%20Z%27%20%2F%3E%0A%3C%2Fsvg%3E");
|
|
||||||
}
|
|
||||||
.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error {
|
|
||||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0A%20%20%3Cpath%20style%3D%27fill%3A%23e54e33%3B%27%20d%3D%27M%2010%2C4%20C%209%2C4%209%2C5%209%2C5%20L%209%2C5.1%20C%207.0357113%2C5.5006048%205.5006048%2C7.0357113%205.1%2C9%20L%205%2C9%20c%200%2C0%20-1%2C0%20-1%2C1%200%2C1%201%2C1%201%2C1%20l%200.1%2C0%20c%200.4006048%2C1.964289%201.9357113%2C3.499395%203.9%2C3.9%20L%209%2C15%20c%200%2C0%200%2C1%201%2C1%201%2C0%201%2C-1%201%2C-1%20l%200%2C-0.1%20c%201.964289%2C-0.400605%203.499395%2C-1.935711%203.9%2C-3.9%20l%200.1%2C0%20c%200%2C0%201%2C0%201%2C-1%20C%2016%2C9%2015%2C9%2015%2C9%20L%2014.9%2C9%20C%2014.499395%2C7.0357113%2012.964289%2C5.5006048%2011%2C5.1%20L%2011%2C5%20c%200%2C0%200%2C-1%20-1%2C-1%20z%20m%200%2C2.5%20c%201.932997%2C0%203.5%2C1.5670034%203.5%2C3.5%200%2C1.932997%20-1.567003%2C3.5%20-3.5%2C3.5%20C%208.0670034%2C13.5%206.5%2C11.932997%206.5%2C10%206.5%2C8.0670034%208.0670034%2C6.5%2010%2C6.5%20Z%27%20%2F%3E%0A%3C%2Fsvg%3E");
|
|
||||||
}
|
|
||||||
.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting {
|
|
||||||
-webkit-animation: mapboxgl-spin 2s infinite linear;
|
|
||||||
-moz-animation: mapboxgl-spin 2s infinite linear;
|
|
||||||
-o-animation: mapboxgl-spin 2s infinite linear;
|
|
||||||
-ms-animation: mapboxgl-spin 2s infinite linear;
|
|
||||||
animation: mapboxgl-spin 2s infinite linear;
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes mapboxgl-spin {
|
|
||||||
0% { -webkit-transform: rotate(0deg); }
|
|
||||||
100% { -webkit-transform: rotate(360deg); }
|
|
||||||
}
|
|
||||||
@-moz-keyframes mapboxgl-spin {
|
|
||||||
0% { -moz-transform: rotate(0deg); }
|
|
||||||
100% { -moz-transform: rotate(360deg); }
|
|
||||||
}
|
|
||||||
@-o-keyframes mapboxgl-spin {
|
|
||||||
0% { -o-transform: rotate(0deg); }
|
|
||||||
100% { -o-transform: rotate(360deg); }
|
|
||||||
}
|
|
||||||
@-ms-keyframes mapboxgl-spin {
|
|
||||||
0% { -ms-transform: rotate(0deg); }
|
|
||||||
100% { -ms-transform: rotate(360deg); }
|
|
||||||
}
|
|
||||||
@keyframes mapboxgl-spin {
|
|
||||||
0% { transform: rotate(0deg); }
|
|
||||||
100% { transform: rotate(360deg); }
|
|
||||||
}
|
}
|
||||||
.mapboxgl-ctrl-icon.mapboxgl-ctrl-fullscreen {
|
.mapboxgl-ctrl-icon.mapboxgl-ctrl-fullscreen {
|
||||||
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KCjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0iTGF5ZXJfMSIKICAgeD0iMHB4IgogICB5PSIwcHgiCiAgIHZpZXdCb3g9IjAgMCAyMCAyMCIKICAgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iZnVsbHNjcmVlbi5zdmciPjxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTQxODUiPjxyZGY6UkRGPjxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzCiAgICAgaWQ9ImRlZnM0MTgzIiAvPjxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTQ3MSIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI2OTUiCiAgICAgaWQ9Im5hbWVkdmlldzQxODEiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjExLjMxMzcwOCIKICAgICBpbmtzY2FwZTpjeD0iMTQuNjk4MjgiCiAgICAgaW5rc2NhcGU6Y3k9IjEwLjUyNjY4OSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iNjk3IgogICAgIGlua3NjYXBlOndpbmRvdy15PSIyOTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJMYXllcl8xIgogICAgIGlua3NjYXBlOnNuYXAtYmJveD0idHJ1ZSIKICAgICBpbmtzY2FwZTpiYm94LXBhdGhzPSJ0cnVlIgogICAgIGlua3NjYXBlOm9iamVjdC1wYXRocz0idHJ1ZSIKICAgICBpbmtzY2FwZTpiYm94LW5vZGVzPSJ0cnVlIgogICAgIGlua3NjYXBlOm9iamVjdC1ub2Rlcz0idHJ1ZSI+PGlua3NjYXBlOmdyaWQKICAgICAgIHR5cGU9Inh5Z3JpZCIKICAgICAgIGlkPSJncmlkNjA3NiIgLz48L3NvZGlwb2RpOm5hbWVkdmlldz48cGF0aAogICAgIGQ9Ik0gNSA0IEMgNC41IDQgNCA0LjUgNCA1IEwgNCA2IEwgNCA5IEwgNC41IDkgTCA1Ljc3NzM0MzggNy4yOTY4NzUgQyA2Ljc3NzEzMTkgOC4wNjAyMTMxIDcuODM1NzY1IDguOTU2NTcyOCA4Ljg5MDYyNSAxMCBDIDcuODI1NzEyMSAxMS4wNjMzIDYuNzc2MTc5MSAxMS45NTE2NzUgNS43ODEyNSAxMi43MDcwMzEgTCA0LjUgMTEgTCA0IDExIEwgNCAxNSBDIDQgMTUuNSA0LjUgMTYgNSAxNiBMIDkgMTYgTCA5IDE1LjUgTCA3LjI3MzQzNzUgMTQuMjA1MDc4IEMgOC4wNDI4OTMxIDEzLjE4Nzg4NiA4LjkzOTU0NDEgMTIuMTMzNDgxIDkuOTYwOTM3NSAxMS4wNjgzNTkgQyAxMS4wNDIzNzEgMTIuMTQ2OTkgMTEuOTQyMDkzIDEzLjIxMTIgMTIuNzA3MDMxIDE0LjIxODc1IEwgMTEgMTUuNSBMIDExIDE2IEwgMTQgMTYgTCAxNSAxNiBDIDE1LjUgMTYgMTYgMTUuNSAxNiAxNSBMIDE2IDE0IEwgMTYgMTEgTCAxNS41IDExIEwgMTQuMjA1MDc4IDEyLjcyNjU2MiBDIDEzLjE3Nzk4NSAxMS45NDk2MTcgMTIuMTEyNzE4IDExLjA0MzU3NyAxMS4wMzcxMDkgMTAuMDA5NzY2IEMgMTIuMTUxODU2IDguOTgxMDYxIDEzLjIyNDM0NSA4LjA3OTg2MjQgMTQuMjI4NTE2IDcuMzA0Njg3NSBMIDE1LjUgOSBMIDE2IDkgTCAxNiA1IEMgMTYgNC41IDE1LjUgNCAxNSA0IEwgMTEgNCBMIDExIDQuNSBMIDEyLjcwMzEyNSA1Ljc3NzM0MzggQyAxMS45MzI2NDcgNi43ODY0ODM0IDExLjAyNjY5MyA3Ljg1NTQ3MTIgOS45NzA3MDMxIDguOTE5OTIxOSBDIDguOTU4NDczOSA3LjgyMDQ5NDMgOC4wNjk4NzY3IDYuNzYyNzE4OCA3LjMwNDY4NzUgNS43NzE0ODQ0IEwgOSA0LjUgTCA5IDQgTCA2IDQgTCA1IDQgeiAiCiAgICAgaWQ9InBhdGg0MTY5IiAvPjwvc3ZnPg==");
|
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KCjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0iTGF5ZXJfMSIKICAgeD0iMHB4IgogICB5PSIwcHgiCiAgIHZpZXdCb3g9IjAgMCAyMCAyMCIKICAgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iZnVsbHNjcmVlbi5zdmciPjxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTQxODUiPjxyZGY6UkRGPjxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzCiAgICAgaWQ9ImRlZnM0MTgzIiAvPjxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTQ3MSIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI2OTUiCiAgICAgaWQ9Im5hbWVkdmlldzQxODEiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjExLjMxMzcwOCIKICAgICBpbmtzY2FwZTpjeD0iMTQuNjk4MjgiCiAgICAgaW5rc2NhcGU6Y3k9IjEwLjUyNjY4OSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iNjk3IgogICAgIGlua3NjYXBlOndpbmRvdy15PSIyOTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJMYXllcl8xIgogICAgIGlua3NjYXBlOnNuYXAtYmJveD0idHJ1ZSIKICAgICBpbmtzY2FwZTpiYm94LXBhdGhzPSJ0cnVlIgogICAgIGlua3NjYXBlOm9iamVjdC1wYXRocz0idHJ1ZSIKICAgICBpbmtzY2FwZTpiYm94LW5vZGVzPSJ0cnVlIgogICAgIGlua3NjYXBlOm9iamVjdC1ub2Rlcz0idHJ1ZSI+PGlua3NjYXBlOmdyaWQKICAgICAgIHR5cGU9Inh5Z3JpZCIKICAgICAgIGlkPSJncmlkNjA3NiIgLz48L3NvZGlwb2RpOm5hbWVkdmlldz48cGF0aAogICAgIGQ9Ik0gNSA0IEMgNC41IDQgNCA0LjUgNCA1IEwgNCA2IEwgNCA5IEwgNC41IDkgTCA1Ljc3NzM0MzggNy4yOTY4NzUgQyA2Ljc3NzEzMTkgOC4wNjAyMTMxIDcuODM1NzY1IDguOTU2NTcyOCA4Ljg5MDYyNSAxMCBDIDcuODI1NzEyMSAxMS4wNjMzIDYuNzc2MTc5MSAxMS45NTE2NzUgNS43ODEyNSAxMi43MDcwMzEgTCA0LjUgMTEgTCA0IDExIEwgNCAxNSBDIDQgMTUuNSA0LjUgMTYgNSAxNiBMIDkgMTYgTCA5IDE1LjUgTCA3LjI3MzQzNzUgMTQuMjA1MDc4IEMgOC4wNDI4OTMxIDEzLjE4Nzg4NiA4LjkzOTU0NDEgMTIuMTMzNDgxIDkuOTYwOTM3NSAxMS4wNjgzNTkgQyAxMS4wNDIzNzEgMTIuMTQ2OTkgMTEuOTQyMDkzIDEzLjIxMTIgMTIuNzA3MDMxIDE0LjIxODc1IEwgMTEgMTUuNSBMIDExIDE2IEwgMTQgMTYgTCAxNSAxNiBDIDE1LjUgMTYgMTYgMTUuNSAxNiAxNSBMIDE2IDE0IEwgMTYgMTEgTCAxNS41IDExIEwgMTQuMjA1MDc4IDEyLjcyNjU2MiBDIDEzLjE3Nzk4NSAxMS45NDk2MTcgMTIuMTEyNzE4IDExLjA0MzU3NyAxMS4wMzcxMDkgMTAuMDA5NzY2IEMgMTIuMTUxODU2IDguOTgxMDYxIDEzLjIyNDM0NSA4LjA3OTg2MjQgMTQuMjI4NTE2IDcuMzA0Njg3NSBMIDE1LjUgOSBMIDE2IDkgTCAxNiA1IEMgMTYgNC41IDE1LjUgNCAxNSA0IEwgMTEgNCBMIDExIDQuNSBMIDEyLjcwMzEyNSA1Ljc3NzM0MzggQyAxMS45MzI2NDcgNi43ODY0ODM0IDExLjAyNjY5MyA3Ljg1NTQ3MTIgOS45NzA3MDMxIDguOTE5OTIxOSBDIDguOTU4NDczOSA3LjgyMDQ5NDMgOC4wNjk4NzY3IDYuNzYyNzE4OCA3LjMwNDY4NzUgNS43NzE0ODQ0IEwgOSA0LjUgTCA5IDQgTCA2IDQgTCA1IDQgeiAiCiAgICAgaWQ9InBhdGg0MTY5IiAvPjwvc3ZnPg==");
|
||||||
|
|
@ -223,7 +175,6 @@ a.mapboxgl-ctrl-logo {
|
||||||
border-color: #333;
|
border-color: #333;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
color: #333;
|
color: #333;
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.mapboxgl-popup {
|
.mapboxgl-popup {
|
||||||
|
|
@ -353,65 +304,6 @@ a.mapboxgl-ctrl-logo {
|
||||||
will-change: transform;
|
will-change: transform;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mapboxgl-user-location-dot {
|
|
||||||
background-color: #1DA1F2;
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
border-radius: 50%;
|
|
||||||
box-shadow: 0 0 2px rgba(0,0,0,0.25);
|
|
||||||
border: 2px solid #fff;
|
|
||||||
}
|
|
||||||
.mapboxgl-user-location-dot:after {
|
|
||||||
content: '';
|
|
||||||
display: block;
|
|
||||||
box-shadow: #1DA1F2 0 0 0 2px;
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
border-radius: 50%;
|
|
||||||
position: relative;
|
|
||||||
z-index: -1;
|
|
||||||
|
|
||||||
-webkit-animation: mapboxgl-user-location-dot-pulse 2s;
|
|
||||||
-moz-animation: mapboxgl-user-location-dot-pulse 2s;
|
|
||||||
-ms-animation: mapboxgl-user-location-dot-pulse 2s;
|
|
||||||
animation: mapboxgl-user-location-dot-pulse 2s;
|
|
||||||
|
|
||||||
-webkit-animation-iteration-count: infinite;
|
|
||||||
-moz-animation-iteration-count: infinite;
|
|
||||||
-ms-animation-iteration-count: infinite;
|
|
||||||
animation-iteration-count: infinite;
|
|
||||||
}
|
|
||||||
@-webkit-keyframes mapboxgl-user-location-dot-pulse {
|
|
||||||
0% { -webkit-box-shadow: 0 0 0 0 rgba(29, 161, 242, 0.8); }
|
|
||||||
70% { -webkit-box-shadow: 0 0 0 15px rgba(29, 161, 242, 0); }
|
|
||||||
242% { -webkit-box-shadow: 0 0 0 0 rgba(29, 161, 242, 0); }
|
|
||||||
}
|
|
||||||
@-ms-keyframes mapboxgl-user-location-dot-pulse {
|
|
||||||
0% { -ms-box-shadow: 0 0 0 0 rgba(29, 161, 242, 0.8); }
|
|
||||||
70% { -ms-box-shadow: 0 0 0 15px rgba(29, 161, 242, 0); }
|
|
||||||
242% { -ms-box-shadow: 0 0 0 0 rgba(29, 161, 242, 0); }
|
|
||||||
}
|
|
||||||
@keyframes mapboxgl-user-location-dot-pulse {
|
|
||||||
0% {
|
|
||||||
-moz-box-shadow: 0 0 0 0 rgba(29, 161, 242, 0.8);
|
|
||||||
box-shadow: 0 0 0 0 rgba(29, 161, 242, 0.4);
|
|
||||||
}
|
|
||||||
70% {
|
|
||||||
-moz-box-shadow: 0 0 0 15px rgba(29, 161, 242, 0);
|
|
||||||
box-shadow: 0 0 0 15px rgba(29, 161, 242, 0);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
-moz-box-shadow: 0 0 0 0 rgba(29, 161, 242, 0);
|
|
||||||
box-shadow: 0 0 0 0 rgba(29, 161, 242, 0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.mapboxgl-user-location-dot-stale {
|
|
||||||
background-color: #aaa;
|
|
||||||
}
|
|
||||||
.mapboxgl-user-location-dot-stale:after {
|
|
||||||
display: none
|
|
||||||
}
|
|
||||||
|
|
||||||
.mapboxgl-crosshair,
|
.mapboxgl-crosshair,
|
||||||
.mapboxgl-crosshair .mapboxgl-interactive,
|
.mapboxgl-crosshair .mapboxgl-interactive,
|
||||||
.mapboxgl-crosshair .mapboxgl-interactive:active {
|
.mapboxgl-crosshair .mapboxgl-interactive:active {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -5,10 +5,10 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>{{name}} - TileServer GL</title>
|
<title>{{name}} - TileServer GL</title>
|
||||||
{{#is_vector}}
|
{{#is_vector}}
|
||||||
<link rel="stylesheet" type="text/css" href="{{public_url}}mapbox-gl.css{{&key_query}}" />
|
<link rel="stylesheet" type="text/css" href="/mapbox-gl.css{{&key_query}}" />
|
||||||
<link rel="stylesheet" type="text/css" href="{{public_url}}mapbox-gl-inspect.css{{&key_query}}" />
|
<link rel="stylesheet" type="text/css" href="/mapbox-gl-inspect.css{{&key_query}}" />
|
||||||
<script src="{{public_url}}mapbox-gl.js{{&key_query}}"></script>
|
<script src="/mapbox-gl.js{{&key_query}}"></script>
|
||||||
<script src="{{public_url}}mapbox-gl-inspect.min.js{{&key_query}}"></script>
|
<script src="/mapbox-gl-inspect.min.js{{&key_query}}"></script>
|
||||||
<style>
|
<style>
|
||||||
body {background:#fff;color:#333;font-family:Arial, sans-serif;}
|
body {background:#fff;color:#333;font-family:Arial, sans-serif;}
|
||||||
#map {position:absolute;top:0;left:0;right:250px;bottom:0;}
|
#map {position:absolute;top:0;left:0;right:250px;bottom:0;}
|
||||||
|
|
@ -18,9 +18,9 @@
|
||||||
</style>
|
</style>
|
||||||
{{/is_vector}}
|
{{/is_vector}}
|
||||||
{{^is_vector}}
|
{{^is_vector}}
|
||||||
<link rel="stylesheet" type="text/css" href="{{public_url}}mapbox.css{{&key_query}}" />
|
<link rel="stylesheet" type="text/css" href="/mapbox.css{{&key_query}}" />
|
||||||
<script src="{{public_url}}mapbox.js{{&key_query}}"></script>
|
<script src="/mapbox.js{{&key_query}}"></script>
|
||||||
<script src="{{public_url}}leaflet-hash.js{{&key_query}}"></script>
|
<script src="/leaflet-hash.js{{&key_query}}"></script>
|
||||||
<style>
|
<style>
|
||||||
body { margin:0; padding:0; }
|
body { margin:0; padding:0; }
|
||||||
#map { position:absolute; top:0; bottom:0; width:100%; }
|
#map { position:absolute; top:0; bottom:0; width:100%; }
|
||||||
|
|
@ -42,7 +42,7 @@
|
||||||
sources: {
|
sources: {
|
||||||
'vector_layer_': {
|
'vector_layer_': {
|
||||||
type: 'vector',
|
type: 'vector',
|
||||||
url: '{{public_url}}data/{{id}}.json{{&key_query}}'
|
url: '/data/{{id}}.json{{&key_query}}'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
layers: []
|
layers: []
|
||||||
|
|
@ -74,7 +74,7 @@
|
||||||
<h1 style="display:none;">{{name}}</h1>
|
<h1 style="display:none;">{{name}}</h1>
|
||||||
<div id='map'></div>
|
<div id='map'></div>
|
||||||
<script>
|
<script>
|
||||||
var map = L.mapbox.map('map', '{{public_url}}data/{{id}}.json{{&key_query}}', { zoomControl: false });
|
var map = L.mapbox.map('map', '/data/{{id}}.json{{&key_query}}', { zoomControl: false });
|
||||||
map.eachLayer(function(layer) {
|
map.eachLayer(function(layer) {
|
||||||
// do not add scale prefix even if retina display is detected
|
// do not add scale prefix even if retina display is detected
|
||||||
layer.scalePrefix = '.';
|
layer.scalePrefix = '.';
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>TileServer GL - Server for vector and raster maps with GL styles</title>
|
<title>TileServer GL - Server for vector and raster maps with GL styles</title>
|
||||||
<link rel="stylesheet" type="text/css" href="{{public_url}}index.css{{&key_query}}" />
|
<link rel="stylesheet" type="text/css" href="/index.css{{&key_query}}" />
|
||||||
<script>
|
<script>
|
||||||
function toggle_xyz(id) {
|
function toggle_xyz(id) {
|
||||||
var el = document.getElementById(id);
|
var el = document.getElementById(id);
|
||||||
|
|
@ -17,7 +17,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<section>
|
<section>
|
||||||
<h1 class="title {{#if is_light}}light{{/if}}"><img src="{{public_url}}images/logo.png" alt="TileServer GL" /></h1>
|
<h1 class="title {{#if is_light}}light{{/if}}"><img src="/images/logo.png" alt="TileServer GL" /></h1>
|
||||||
<h2 class="subtitle">Vector {{#if is_light}}<s>and raster</s>{{else}}and raster{{/if}} maps with GL styles</h2>
|
<h2 class="subtitle">Vector {{#if is_light}}<s>and raster</s>{{else}}and raster{{/if}} maps with GL styles</h2>
|
||||||
{{#if styles}}
|
{{#if styles}}
|
||||||
<h2 class="box-header">Styles</h2>
|
<h2 class="box-header">Styles</h2>
|
||||||
|
|
@ -25,9 +25,9 @@
|
||||||
{{#each styles}}
|
{{#each styles}}
|
||||||
<div class="item">
|
<div class="item">
|
||||||
{{#if thumbnail}}
|
{{#if thumbnail}}
|
||||||
<img src="{{public_url}}styles/{{@key}}/{{thumbnail}}{{&../key_query}}" alt="{{name}} preview" />
|
<img src="/styles/{{@key}}/{{thumbnail}}{{&../key_query}}" alt="{{name}} preview" />
|
||||||
{{else}}
|
{{else}}
|
||||||
<img src="{{public_url}}images/placeholder.png" alt="{{name}} preview" />
|
<img src="/images/placeholder.png" alt="{{name}} preview" />
|
||||||
{{/if}}
|
{{/if}}
|
||||||
<div class="details">
|
<div class="details">
|
||||||
<h3>{{name}}</h3>
|
<h3>{{name}}</h3>
|
||||||
|
|
@ -35,13 +35,13 @@
|
||||||
<p class="services">
|
<p class="services">
|
||||||
services:
|
services:
|
||||||
{{#if serving_data}}
|
{{#if serving_data}}
|
||||||
<a href="{{public_url}}styles/{{@key}}/style.json{{&../key_query}}">GL Style</a>
|
<a href="/styles/{{@key}}/style.json{{&../key_query}}">GL Style</a>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#if serving_rendered}}
|
{{#if serving_rendered}}
|
||||||
{{#if serving_data}}| {{/if}}<a href="{{public_url}}styles/{{@key}}.json{{&../key_query}}">TileJSON</a>
|
{{#if serving_data}}| {{/if}}<a href="/styles/{{@key}}.json{{&../key_query}}">TileJSON</a>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#if serving_rendered}}
|
{{#if wmts_link}}
|
||||||
| <a href="/styles/{{@key}}/wmts.xml{{&../key_query}}">WMTS</a>
|
| <a href="{{&wmts_link}}">WMTS</a>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#if xyz_link}}
|
{{#if xyz_link}}
|
||||||
| <a href="#" onclick="return toggle_xyz('xyz_style_{{@key}}');">XYZ</a>
|
| <a href="#" onclick="return toggle_xyz('xyz_style_{{@key}}');">XYZ</a>
|
||||||
|
|
@ -52,14 +52,14 @@
|
||||||
<div class="viewers">
|
<div class="viewers">
|
||||||
{{#if serving_data}}
|
{{#if serving_data}}
|
||||||
{{#if serving_rendered}}
|
{{#if serving_rendered}}
|
||||||
<a class="btn" href="{{public_url}}styles/{{@key}}/{{&../key_query}}{{viewer_hash}}">Viewer</a>
|
<a class="btn" href="/styles/{{@key}}/{{&../key_query}}{{viewer_hash}}">Viewer</a>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#if serving_rendered}}
|
{{#if serving_rendered}}
|
||||||
<a class="btn" href="{{public_url}}styles/{{@key}}/?{{&../key_query_part}}raster{{viewer_hash}}">Raster</a>
|
<a class="btn" href="/styles/{{@key}}/?{{&../key_query_part}}raster{{viewer_hash}}">Raster</a>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#if serving_data}}
|
{{#if serving_data}}
|
||||||
<a class="btn" href="{{public_url}}styles/{{@key}}/?{{&../key_query_part}}vector{{viewer_hash}}">Vector</a>
|
<a class="btn" href="/styles/{{@key}}/?{{&../key_query_part}}vector{{viewer_hash}}">Vector</a>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -72,15 +72,15 @@
|
||||||
{{#each data}}
|
{{#each data}}
|
||||||
<div class="item">
|
<div class="item">
|
||||||
{{#if thumbnail}}
|
{{#if thumbnail}}
|
||||||
<img src="{{public_url}}data/{{@key}}/{{thumbnail}}{{&../key_query}}" alt="{{name}} preview" />
|
<img src="/data/{{@key}}/{{thumbnail}}{{&../key_query}}" alt="{{name}} preview" />
|
||||||
{{else}}
|
{{else}}
|
||||||
<img src="{{public_url}}images/placeholder.png" alt="{{name}} preview" />
|
<img src="/images/placeholder.png" alt="{{name}} preview" />
|
||||||
{{/if}}
|
{{/if}}
|
||||||
<div class="details">
|
<div class="details">
|
||||||
<h3>{{name}}</h3>
|
<h3>{{name}}</h3>
|
||||||
<p class="identifier">identifier: {{@key}}{{#if formatted_filesize}} | size: {{formatted_filesize}}{{/if}} | type: {{#is_vector}}vector{{/is_vector}}{{^is_vector}}raster{{/is_vector}} data</p>
|
<p class="identifier">identifier: {{@key}}{{#if formatted_filesize}} | size: {{formatted_filesize}}{{/if}} | type: {{#is_vector}}vector{{/is_vector}}{{^is_vector}}raster{{/is_vector}} data</p>
|
||||||
<p class="services">
|
<p class="services">
|
||||||
services: <a href="{{public_url}}data/{{@key}}.json{{&../key_query}}">TileJSON</a>
|
services: <a href="/data/{{@key}}.json{{&../key_query}}">TileJSON</a>
|
||||||
{{#if wmts_link}}
|
{{#if wmts_link}}
|
||||||
| <a href="{{&wmts_link}}">WMTS</a>
|
| <a href="{{&wmts_link}}">WMTS</a>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
@ -92,10 +92,10 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="viewers">
|
<div class="viewers">
|
||||||
{{#is_vector}}
|
{{#is_vector}}
|
||||||
<a class="btn" href="{{public_url}}data/{{@key}}/{{&../key_query}}{{viewer_hash}}">Inspect</a>
|
<a class="btn" href="/data/{{@key}}/{{&../key_query}}{{viewer_hash}}">Inspect</a>
|
||||||
{{/is_vector}}
|
{{/is_vector}}
|
||||||
{{^is_vector}}
|
{{^is_vector}}
|
||||||
<a class="btn" href="{{public_url}}data/{{@key}}/{{&../key_query}}{{viewer_hash}}">View</a>
|
<a class="btn" href="/data/{{@key}}/{{&../key_query}}{{viewer_hash}}">View</a>
|
||||||
{{/is_vector}}
|
{{/is_vector}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -104,7 +104,7 @@
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</section>
|
</section>
|
||||||
<footer>
|
<footer>
|
||||||
<a href="https://www.klokantech.com/" target="_blank"><img src="{{public_url}}images/klokantech.png" /></a>
|
<a href="https://www.klokantech.com/" target="_blank"><img src="/images/klokantech.png" /></a>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://github.com/klokantech/tileserver-gl" target="_blank">Powered by TileServer GL ({{server_version}})</a> – <a href="https://www.klokantech.com/" target="_blank">an open-source project from Klokan Technologies GmbH.</a> <img src="https://t.klokantech.com/8073932/19" class="t" />
|
<a href="https://github.com/klokantech/tileserver-gl" target="_blank">Powered by TileServer GL ({{server_version}})</a> – <a href="https://www.klokantech.com/" target="_blank">an open-source project from Klokan Technologies GmbH.</a> <img src="https://t.klokantech.com/8073932/19" class="t" />
|
||||||
</p>
|
</p>
|
||||||
|
|
|
||||||
|
|
@ -4,11 +4,11 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>{{name}} - TileServer GL</title>
|
<title>{{name}} - TileServer GL</title>
|
||||||
<link rel="stylesheet" type="text/css" href="{{public_url}}mapbox-gl.css{{&key_query}}" />
|
<link rel="stylesheet" type="text/css" href="/mapbox-gl.css{{&key_query}}" />
|
||||||
<script src="{{public_url}}mapbox-gl.js{{&key_query}}"></script>
|
<script src="/mapbox-gl.js{{&key_query}}"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="{{public_url}}mapbox.css{{&key_query}}" />
|
<link rel="stylesheet" type="text/css" href="/mapbox.css{{&key_query}}" />
|
||||||
<script src="{{public_url}}mapbox.js{{&key_query}}"></script>
|
<script src="/mapbox.js{{&key_query}}"></script>
|
||||||
<script src="{{public_url}}leaflet-hash.js{{&key_query}}"></script>
|
<script src="/leaflet-hash.js{{&key_query}}"></script>
|
||||||
<style>
|
<style>
|
||||||
body { margin:0; padding:0; }
|
body { margin:0; padding:0; }
|
||||||
#map { position:absolute; top:0; bottom:0; width:100%; }
|
#map { position:absolute; top:0; bottom:0; width:100%; }
|
||||||
|
|
@ -24,15 +24,15 @@
|
||||||
(q.indexOf('raster') >= 0 ? 'raster' :
|
(q.indexOf('raster') >= 0 ? 'raster' :
|
||||||
(mapboxgl.supported() ? 'vector' : 'raster'));
|
(mapboxgl.supported() ? 'vector' : 'raster'));
|
||||||
if (preference == 'vector') {
|
if (preference == 'vector') {
|
||||||
mapboxgl.setRTLTextPlugin('{{public_url}}mapbox-gl-rtl-text.js{{&key_query}}');
|
mapboxgl.setRTLTextPlugin('/mapbox-gl-rtl-text.js{{&key_query}}');
|
||||||
var map = new mapboxgl.Map({
|
var map = new mapboxgl.Map({
|
||||||
container: 'map',
|
container: 'map',
|
||||||
style: '{{public_url}}styles/{{id}}/style.json{{&key_query}}',
|
style: '/styles/{{id}}/style.json{{&key_query}}',
|
||||||
hash: true
|
hash: true
|
||||||
});
|
});
|
||||||
map.addControl(new mapboxgl.NavigationControl());
|
map.addControl(new mapboxgl.NavigationControl());
|
||||||
} else {
|
} else {
|
||||||
var map = L.mapbox.map('map', '{{public_url}}styles/{{id}}.json{{&key_query}}', { zoomControl: false });
|
var map = L.mapbox.map('map', '/styles/{{id}}.json{{&key_query}}', { zoomControl: false });
|
||||||
new L.Control.Zoom({ position: 'topright' }).addTo(map);
|
new L.Control.Zoom({ position: 'topright' }).addTo(map);
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
new L.Hash(map);
|
new L.Hash(map);
|
||||||
|
|
|
||||||
26
run.sh
26
run.sh
|
|
@ -5,33 +5,19 @@ _term() {
|
||||||
kill -TERM "$child" 2>/dev/null
|
kill -TERM "$child" 2>/dev/null
|
||||||
}
|
}
|
||||||
|
|
||||||
trap _term SIGTERM
|
trap _term TERM
|
||||||
trap _term SIGINT
|
|
||||||
|
|
||||||
xvfbMaxStartWaitTime=5
|
|
||||||
displayNumber=99
|
|
||||||
screenNumber=0
|
|
||||||
|
|
||||||
# Delete files if they were not cleaned by last run
|
start-stop-daemon --start --pidfile ~/xvfb.pid --make-pidfile --background --exec /usr/bin/Xvfb -- :99 -screen 0 1024x768x24 -ac +extension GLX +render -noreset
|
||||||
rm -rf /tmp/.X11-unix /tmp/.X${displayNumber}-lock ~/xvfb.pid
|
echo "Waiting 3 seconds for xvfb to start..."
|
||||||
|
sleep 3
|
||||||
|
|
||||||
echo "Starting Xvfb on display ${displayNumber}"
|
export DISPLAY=:99.0
|
||||||
start-stop-daemon --start --pidfile ~/xvfb.pid --make-pidfile --background --exec /usr/bin/Xvfb -- :${displayNumber} -screen ${screenNumber} 1024x768x24 -ac +extension GLX +render -noreset
|
|
||||||
|
|
||||||
# Wait to be able to connect to the port. This will exit if it cannot in 15 minutes.
|
|
||||||
timeout ${xvfbMaxStartWaitTime} bash -c "while ! xdpyinfo -display :${displayNumber} >/dev/null; do sleep 0.5; done"
|
|
||||||
if [ $? -ne 0 ]; then
|
|
||||||
echo "Could not connect to display ${displayNumber} in ${xvfbMaxStartWaitTime} seconds time."
|
|
||||||
exit 1
|
|
||||||
fi
|
|
||||||
|
|
||||||
export DISPLAY=:${displayNumber}.${screenNumber}
|
|
||||||
|
|
||||||
echo
|
|
||||||
cd /data
|
cd /data
|
||||||
node /usr/src/app/ -p 80 "$@" &
|
node /usr/src/app/ -p 80 "$@" &
|
||||||
child=$!
|
child=$!
|
||||||
wait "$child"
|
wait "$child"
|
||||||
|
|
||||||
start-stop-daemon --stop --retry 5 --pidfile ~/xvfb.pid # stop xvfb when exiting
|
start-stop-daemon --stop --pidfile ~/xvfb.pid # stop xvfb when exiting
|
||||||
rm ~/xvfb.pid
|
rm ~/xvfb.pid
|
||||||
|
|
|
||||||
105
src/main.js
105
src/main.js
|
|
@ -10,81 +10,56 @@ var mbtiles = require('@mapbox/mbtiles');
|
||||||
|
|
||||||
var packageJson = require('../package');
|
var packageJson = require('../package');
|
||||||
|
|
||||||
var args = process.argv;
|
var opts = require('nomnom')
|
||||||
if (args.length >= 3 && args[2][0] != '-') {
|
.option('mbtiles', {
|
||||||
args.splice(2, 0, '--mbtiles');
|
default: undefined,
|
||||||
}
|
help: 'MBTiles file (uses demo configuration);\n' +
|
||||||
|
'\t ignored if the configuration file is also specified',
|
||||||
|
position: 0
|
||||||
|
})
|
||||||
|
.option('config', {
|
||||||
|
abbr: 'c',
|
||||||
|
default: 'config.json',
|
||||||
|
help: 'Configuration file'
|
||||||
|
})
|
||||||
|
.option('bind', {
|
||||||
|
abbr: 'b',
|
||||||
|
default: undefined,
|
||||||
|
help: 'Bind address'
|
||||||
|
})
|
||||||
|
.option('port', {
|
||||||
|
abbr: 'p',
|
||||||
|
default: 8080,
|
||||||
|
help: 'Port'
|
||||||
|
})
|
||||||
|
.option('cors', {
|
||||||
|
default: true,
|
||||||
|
help: 'Enable Cross-origin resource sharing headers'
|
||||||
|
})
|
||||||
|
.option('verbose', {
|
||||||
|
abbr: 'V',
|
||||||
|
flag: true,
|
||||||
|
help: 'More verbose output'
|
||||||
|
})
|
||||||
|
.option('version', {
|
||||||
|
abbr: 'v',
|
||||||
|
flag: true,
|
||||||
|
help: 'Version info',
|
||||||
|
callback: function() {
|
||||||
|
return packageJson.name + ' v' + packageJson.version;
|
||||||
|
}
|
||||||
|
}).parse();
|
||||||
|
|
||||||
var opts = require('commander')
|
|
||||||
.description('tileserver-gl startup options')
|
|
||||||
.usage('tileserver-gl [mbtiles] [options]')
|
|
||||||
.option(
|
|
||||||
'--mbtiles <file>',
|
|
||||||
'MBTiles file (uses demo configuration);\n' +
|
|
||||||
'\t ignored if the configuration file is also specified'
|
|
||||||
)
|
|
||||||
.option(
|
|
||||||
'-c, --config <file>',
|
|
||||||
'Configuration file [config.json]',
|
|
||||||
'config.json'
|
|
||||||
)
|
|
||||||
.option(
|
|
||||||
'-b, --bind <address>',
|
|
||||||
'Bind address'
|
|
||||||
)
|
|
||||||
.option(
|
|
||||||
'-p, --port <port>',
|
|
||||||
'Port [8080]',
|
|
||||||
8080,
|
|
||||||
parseInt
|
|
||||||
)
|
|
||||||
.option(
|
|
||||||
'-C|--no-cors',
|
|
||||||
'Disable Cross-origin resource sharing headers'
|
|
||||||
)
|
|
||||||
.option(
|
|
||||||
'-u|--public_url <url>',
|
|
||||||
'Enable exposing the server on subpaths, not necessarily the root of the domain'
|
|
||||||
)
|
|
||||||
.option(
|
|
||||||
'-V, --verbose',
|
|
||||||
'More verbose output'
|
|
||||||
)
|
|
||||||
.option(
|
|
||||||
'-s, --silent',
|
|
||||||
'Less verbose output'
|
|
||||||
)
|
|
||||||
.option(
|
|
||||||
'-l|--log_file <file>',
|
|
||||||
'output log file (defaults to standard out)'
|
|
||||||
)
|
|
||||||
.option(
|
|
||||||
'-f|--log_format <format>',
|
|
||||||
'define the log format: https://github.com/expressjs/morgan#morganformat-options'
|
|
||||||
)
|
|
||||||
.version(
|
|
||||||
packageJson.version,
|
|
||||||
'-v, --version'
|
|
||||||
)
|
|
||||||
.parse(args);
|
|
||||||
|
|
||||||
console.log('Starting ' + packageJson.name + ' v' + packageJson.version);
|
console.log('Starting ' + packageJson.name + ' v' + packageJson.version);
|
||||||
|
|
||||||
var startServer = function(configPath, config) {
|
var startServer = function(configPath, config) {
|
||||||
var publicUrl = opts.public_url;
|
|
||||||
if (publicUrl && publicUrl.lastIndexOf('/') !== publicUrl.length - 1) {
|
|
||||||
publicUrl += '/';
|
|
||||||
}
|
|
||||||
return require('./server')({
|
return require('./server')({
|
||||||
configPath: configPath,
|
configPath: configPath,
|
||||||
config: config,
|
config: config,
|
||||||
bind: opts.bind,
|
bind: opts.bind,
|
||||||
port: opts.port,
|
port: opts.port,
|
||||||
cors: opts.cors,
|
cors: opts.cors
|
||||||
silent: opts.silent,
|
|
||||||
logFile: opts.log_file,
|
|
||||||
logFormat: opts.log_format,
|
|
||||||
publicUrl: publicUrl
|
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -18,7 +18,7 @@ try {
|
||||||
|
|
||||||
var utils = require('./utils');
|
var utils = require('./utils');
|
||||||
|
|
||||||
module.exports = function(options, repo, params, id, styles, publicUrl) {
|
module.exports = function(options, repo, params, id, styles) {
|
||||||
var app = express().disable('x-powered-by');
|
var app = express().disable('x-powered-by');
|
||||||
|
|
||||||
var mbtilesFile = path.resolve(options.paths.mbtiles, params.mbtiles);
|
var mbtilesFile = path.resolve(options.paths.mbtiles, params.mbtiles);
|
||||||
|
|
@ -89,7 +89,7 @@ module.exports = function(options, repo, params, id, styles, publicUrl) {
|
||||||
source.getTile(z, x, y, function(err, data, headers) {
|
source.getTile(z, x, y, function(err, data, headers) {
|
||||||
if (err) {
|
if (err) {
|
||||||
if (/does not exist/.test(err.message)) {
|
if (/does not exist/.test(err.message)) {
|
||||||
return res.status(204).send();
|
return res.status(404).send(err.message);
|
||||||
} else {
|
} else {
|
||||||
return res.status(500).send(err.message);
|
return res.status(500).send(err.message);
|
||||||
}
|
}
|
||||||
|
|
@ -178,7 +178,7 @@ module.exports = function(options, repo, params, id, styles, publicUrl) {
|
||||||
app.get('/' + id + '.json', function(req, res, next) {
|
app.get('/' + id + '.json', function(req, res, next) {
|
||||||
var info = clone(tileJSON);
|
var info = clone(tileJSON);
|
||||||
info.tiles = utils.getTileUrls(req, info.tiles,
|
info.tiles = utils.getTileUrls(req, info.tiles,
|
||||||
'data/' + id, info.format, publicUrl, {
|
'data/' + id, info.format, {
|
||||||
'pbf': options.pbfAlias
|
'pbf': options.pbfAlias
|
||||||
});
|
});
|
||||||
return res.send(info);
|
return res.send(info);
|
||||||
|
|
|
||||||
|
|
@ -97,7 +97,7 @@ function createEmptyResponse(format, color, callback) {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
module.exports = function(options, repo, params, id, publicUrl, dataResolver) {
|
module.exports = function(options, repo, params, id, dataResolver) {
|
||||||
var app = express().disable('x-powered-by');
|
var app = express().disable('x-powered-by');
|
||||||
|
|
||||||
var maxScaleFactor = Math.min(Math.floor(options.maxScaleFactor || 3), 9);
|
var maxScaleFactor = Math.min(Math.floor(options.maxScaleFactor || 3), 9);
|
||||||
|
|
@ -747,7 +747,7 @@ module.exports = function(options, repo, params, id, publicUrl, dataResolver) {
|
||||||
app.get('/' + id + '.json', function(req, res, next) {
|
app.get('/' + id + '.json', function(req, res, next) {
|
||||||
var info = clone(tileJSON);
|
var info = clone(tileJSON);
|
||||||
info.tiles = utils.getTileUrls(req, info.tiles,
|
info.tiles = utils.getTileUrls(req, info.tiles,
|
||||||
'styles/' + id, info.format, publicUrl);
|
'styles/' + id, info.format);
|
||||||
return res.send(info);
|
return res.send(info);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -6,9 +6,8 @@ var path = require('path'),
|
||||||
var clone = require('clone'),
|
var clone = require('clone'),
|
||||||
express = require('express');
|
express = require('express');
|
||||||
|
|
||||||
var utils = require('./utils');
|
|
||||||
|
|
||||||
module.exports = function(options, repo, params, id, publicUrl, reportTiles, reportFont) {
|
module.exports = function(options, repo, params, id, reportTiles, reportFont) {
|
||||||
var app = express().disable('x-powered-by');
|
var app = express().disable('x-powered-by');
|
||||||
|
|
||||||
var styleFile = path.resolve(options.paths.styles, params.style);
|
var styleFile = path.resolve(options.paths.styles, params.style);
|
||||||
|
|
@ -80,7 +79,7 @@ module.exports = function(options, repo, params, id, publicUrl, reportTiles, rep
|
||||||
query = '?' + queryParams.join('&');
|
query = '?' + queryParams.join('&');
|
||||||
}
|
}
|
||||||
return url.replace(
|
return url.replace(
|
||||||
'local://', utils.getPublicUrl(publicUrl, req)) + query;
|
'local://', req.protocol + '://' + req.headers.host + '/') + query;
|
||||||
};
|
};
|
||||||
|
|
||||||
var styleJSON_ = clone(styleJSON);
|
var styleJSON_ = clone(styleJSON);
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,8 @@ process.env.UV_THREADPOOL_SIZE =
|
||||||
var fs = require('fs'),
|
var fs = require('fs'),
|
||||||
path = require('path');
|
path = require('path');
|
||||||
|
|
||||||
var clone = require('clone'),
|
var base64url = require('base64url'),
|
||||||
|
clone = require('clone'),
|
||||||
cors = require('cors'),
|
cors = require('cors'),
|
||||||
enableShutdown = require('http-shutdown'),
|
enableShutdown = require('http-shutdown'),
|
||||||
express = require('express'),
|
express = require('express'),
|
||||||
|
|
@ -41,13 +42,10 @@ function start(opts) {
|
||||||
|
|
||||||
app.enable('trust proxy');
|
app.enable('trust proxy');
|
||||||
|
|
||||||
if (process.env.NODE_ENV !== 'test') {
|
if (process.env.NODE_ENV == 'production') {
|
||||||
var defaultLogFormat = process.env.NODE_ENV == 'production' ? 'tiny' : 'dev';
|
app.use(morgan('tiny'));
|
||||||
var logFormat = opts.logFormat || defaultLogFormat;
|
} else if (process.env.NODE_ENV !== 'test') {
|
||||||
app.use(morgan(logFormat, {
|
app.use(morgan('dev'));
|
||||||
stream: opts.logFile ? fs.createWriteStream(opts.logFile, { flags: 'a' }) : process.stdout,
|
|
||||||
skip: function(req, res) { return opts.silent && (res.statusCode == 200 || res.statusCode == 304) }
|
|
||||||
}));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
var config = opts.config || null;
|
var config = opts.config || null;
|
||||||
|
|
@ -111,7 +109,7 @@ function start(opts) {
|
||||||
}
|
}
|
||||||
|
|
||||||
if (item.serve_data !== false) {
|
if (item.serve_data !== false) {
|
||||||
startupPromises.push(serve_style(options, serving.styles, item, id, opts.publicUrl,
|
startupPromises.push(serve_style(options, serving.styles, item, id,
|
||||||
function(mbtiles, fromData) {
|
function(mbtiles, fromData) {
|
||||||
var dataItemId;
|
var dataItemId;
|
||||||
Object.keys(data).forEach(function(id) {
|
Object.keys(data).forEach(function(id) {
|
||||||
|
|
@ -147,7 +145,7 @@ function start(opts) {
|
||||||
if (item.serve_rendered !== false) {
|
if (item.serve_rendered !== false) {
|
||||||
if (serve_rendered) {
|
if (serve_rendered) {
|
||||||
startupPromises.push(
|
startupPromises.push(
|
||||||
serve_rendered(options, serving.rendered, item, id, opts.publicUrl,
|
serve_rendered(options, serving.rendered, item, id,
|
||||||
function(mbtiles) {
|
function(mbtiles) {
|
||||||
var mbtilesFile;
|
var mbtilesFile;
|
||||||
Object.keys(data).forEach(function(id) {
|
Object.keys(data).forEach(function(id) {
|
||||||
|
|
@ -181,7 +179,7 @@ function start(opts) {
|
||||||
}
|
}
|
||||||
|
|
||||||
startupPromises.push(
|
startupPromises.push(
|
||||||
serve_data(options, serving.data, item, id, serving.styles, opts.publicUrl).then(function(sub) {
|
serve_data(options, serving.data, item, id, serving.styles).then(function(sub) {
|
||||||
app.use('/data/', sub);
|
app.use('/data/', sub);
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
|
|
@ -196,7 +194,7 @@ function start(opts) {
|
||||||
version: styleJSON.version,
|
version: styleJSON.version,
|
||||||
name: styleJSON.name,
|
name: styleJSON.name,
|
||||||
id: id,
|
id: id,
|
||||||
url: utils.getPublicUrl(opts.publicUrl, req) +
|
url: req.protocol + '://' + req.headers.host +
|
||||||
'/styles/' + id + '/style.json' + query
|
'/styles/' + id + '/style.json' + query
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
@ -212,7 +210,7 @@ function start(opts) {
|
||||||
} else {
|
} else {
|
||||||
path = type + '/' + id;
|
path = type + '/' + id;
|
||||||
}
|
}
|
||||||
info.tiles = utils.getTileUrls(req, info.tiles, path, info.format, opts.publicUrl, {
|
info.tiles = utils.getTileUrls(req, info.tiles, path, info.format, {
|
||||||
'pbf': options.pbfAlias
|
'pbf': options.pbfAlias
|
||||||
});
|
});
|
||||||
arr.push(info);
|
arr.push(info);
|
||||||
|
|
@ -263,12 +261,10 @@ function start(opts) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
data['server_version'] = packageJson.name + ' v' + packageJson.version;
|
data['server_version'] = packageJson.name + ' v' + packageJson.version;
|
||||||
data['public_url'] = opts.publicUrl || '/';
|
|
||||||
data['is_light'] = isLight;
|
data['is_light'] = isLight;
|
||||||
data['key_query_part'] =
|
data['key_query_part'] =
|
||||||
req.query.key ? 'key=' + req.query.key + '&' : '';
|
req.query.key ? 'key=' + req.query.key + '&' : '';
|
||||||
data['key_query'] = req.query.key ? '?key=' + req.query.key : '';
|
data['key_query'] = req.query.key ? '?key=' + req.query.key : '';
|
||||||
if (template === 'wmts') res.set('Content-Type', 'text/xml');
|
|
||||||
return res.status(200).send(compiled(data));
|
return res.status(200).send(compiled(data));
|
||||||
});
|
});
|
||||||
resolve();
|
resolve();
|
||||||
|
|
@ -296,9 +292,14 @@ function start(opts) {
|
||||||
Math.floor(centerPx[1] / 256) + '.png';
|
Math.floor(centerPx[1] / 256) + '.png';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var query = req.query.key ? ('?key=' + req.query.key) : '';
|
||||||
|
style.wmts_link = 'http://wmts.maptiler.com/' +
|
||||||
|
base64url('http://' + req.headers.host +
|
||||||
|
'/styles/' + id + '.json' + query) + '/wmts';
|
||||||
|
|
||||||
var tiles = utils.getTileUrls(
|
var tiles = utils.getTileUrls(
|
||||||
req, style.serving_rendered.tiles,
|
req, style.serving_rendered.tiles,
|
||||||
'styles/' + id, style.serving_rendered.format, opts.publicUrl);
|
'styles/' + id, style.serving_rendered.format);
|
||||||
style.xyz_link = tiles[0];
|
style.xyz_link = tiles[0];
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
@ -320,8 +321,13 @@ function start(opts) {
|
||||||
Math.floor(centerPx[1] / 256) + '.' + data_.format;
|
Math.floor(centerPx[1] / 256) + '.' + data_.format;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var query = req.query.key ? ('?key=' + req.query.key) : '';
|
||||||
|
data_.wmts_link = 'http://wmts.maptiler.com/' +
|
||||||
|
base64url('http://' + req.headers.host +
|
||||||
|
'/data/' + id + '.json' + query) + '/wmts';
|
||||||
|
|
||||||
var tiles = utils.getTileUrls(
|
var tiles = utils.getTileUrls(
|
||||||
req, data_.tiles, 'data/' + id, data_.format, opts.publicUrl, {
|
req, data_.tiles, 'data/' + id, data_.format, {
|
||||||
'pbf': options.pbfAlias
|
'pbf': options.pbfAlias
|
||||||
});
|
});
|
||||||
data_.xyz_link = tiles[0];
|
data_.xyz_link = tiles[0];
|
||||||
|
|
@ -364,20 +370,6 @@ function start(opts) {
|
||||||
return res.redirect(301, '/styles/' + req.params.id + '/');
|
return res.redirect(301, '/styles/' + req.params.id + '/');
|
||||||
});
|
});
|
||||||
*/
|
*/
|
||||||
serveTemplate('/styles/:id/wmts.xml', 'wmts', function(req) {
|
|
||||||
var id = req.params.id;
|
|
||||||
var wmts = clone((config.styles || {})[id]);
|
|
||||||
if (!wmts) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
if (wmts.hasOwnProperty("serve_rendered") && !wmts.serve_rendered) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
wmts.id = id;
|
|
||||||
wmts.name = (serving.styles[id] || serving.rendered[id]).name;
|
|
||||||
wmts.baseUrl = (req.get('X-Forwarded-Protocol')?req.get('X-Forwarded-Protocol'):req.protocol) + '://' + req.get('host');
|
|
||||||
return wmts;
|
|
||||||
});
|
|
||||||
|
|
||||||
serveTemplate('/data/:id/$', 'data', function(req) {
|
serveTemplate('/data/:id/$', 'data', function(req) {
|
||||||
var id = req.params.id;
|
var id = req.params.id;
|
||||||
|
|
|
||||||
19
src/utils.js
19
src/utils.js
|
|
@ -6,12 +6,7 @@ var path = require('path'),
|
||||||
var clone = require('clone'),
|
var clone = require('clone'),
|
||||||
glyphCompose = require('glyph-pbf-composite');
|
glyphCompose = require('glyph-pbf-composite');
|
||||||
|
|
||||||
|
module.exports.getTileUrls = function(req, domains, path, format, aliases) {
|
||||||
module.exports.getPublicUrl = function(publicUrl, req) {
|
|
||||||
return publicUrl || (req.protocol + '://' + req.headers.host + '/')
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports.getTileUrls = function(req, domains, path, format, publicUrl, aliases) {
|
|
||||||
|
|
||||||
if (domains) {
|
if (domains) {
|
||||||
if (domains.constructor === String && domains.length > 0) {
|
if (domains.constructor === String && domains.length > 0) {
|
||||||
|
|
@ -54,14 +49,10 @@ module.exports.getTileUrls = function(req, domains, path, format, publicUrl, ali
|
||||||
}
|
}
|
||||||
|
|
||||||
var uris = [];
|
var uris = [];
|
||||||
if (!publicUrl) {
|
domains.forEach(function(domain) {
|
||||||
domains.forEach(function(domain) {
|
uris.push(req.protocol + '://' + domain + '/' + path +
|
||||||
uris.push(req.protocol + '://' + domain + '/' + path +
|
'/{z}/{x}/{y}.' + format + query);
|
||||||
'/{z}/{x}/{y}.' + format + query);
|
});
|
||||||
});
|
|
||||||
} else {
|
|
||||||
uris.push(publicUrl + path + '/{z}/{x}/{y}.' + format + query)
|
|
||||||
}
|
|
||||||
|
|
||||||
return uris;
|
return uris;
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -8,8 +8,7 @@ before(function() {
|
||||||
process.chdir('test_data');
|
process.chdir('test_data');
|
||||||
var running = require('../src/server')({
|
var running = require('../src/server')({
|
||||||
configPath: 'config.json',
|
configPath: 'config.json',
|
||||||
port: 8888,
|
port: 8888
|
||||||
publicUrl: '/test/'
|
|
||||||
});
|
});
|
||||||
global.app = running.app;
|
global.app = running.app;
|
||||||
global.server = running.server;
|
global.server = running.server;
|
||||||
|
|
@ -18,5 +17,5 @@ before(function() {
|
||||||
|
|
||||||
after(function() {
|
after(function() {
|
||||||
console.log('global teardown');
|
console.log('global teardown');
|
||||||
global.server.close(function() { console.log('Done'); process.exit(); });
|
global.server.close(function() { console.log('Done'); });
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -23,7 +23,6 @@ describe('Styles', function() {
|
||||||
res.body.sources.should.be.Object();
|
res.body.sources.should.be.Object();
|
||||||
res.body.glyphs.should.be.String();
|
res.body.glyphs.should.be.String();
|
||||||
res.body.sprite.should.be.String();
|
res.body.sprite.should.be.String();
|
||||||
res.body.sprite.should.equal('/test/styles/test-style/sprite');
|
|
||||||
res.body.layers.should.be.Array();
|
res.body.layers.should.be.Array();
|
||||||
}).end(done);
|
}).end(done);
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -23,6 +23,6 @@ describe('Vector tiles', function() {
|
||||||
testTile(prefix, 0, 1, 0, 404);
|
testTile(prefix, 0, 1, 0, 404);
|
||||||
testTile(prefix, 0, 0, 1, 404);
|
testTile(prefix, 0, 0, 1, 404);
|
||||||
|
|
||||||
testTile(prefix, 14, 0, 0, 204); // non existent tile
|
testTile(prefix, 14, 0, 0, 404); // non existent tile
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue