Add XYZ to the list of services (close #42)
This commit is contained in:
parent
b4d6490e00
commit
1004f4cce1
3 changed files with 29 additions and 4 deletions
|
@ -78,7 +78,6 @@ section{
|
||||||
}
|
}
|
||||||
.details {
|
.details {
|
||||||
float:left;
|
float:left;
|
||||||
width:180px;
|
|
||||||
height: 128px;
|
height: 128px;
|
||||||
padding: 20px 30px 20px 188px;
|
padding: 20px 30px 20px 188px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -5,6 +5,15 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>TileServerGL</title>
|
<title>TileServerGL</title>
|
||||||
<link rel="stylesheet" type="text/css" href="/index.css{{&key_query}}" />
|
<link rel="stylesheet" type="text/css" href="/index.css{{&key_query}}" />
|
||||||
|
<script>
|
||||||
|
function toggle_xyz(id) {
|
||||||
|
var el = document.getElementById(id);
|
||||||
|
var s = el.style;
|
||||||
|
s.display = s.display == 'none' ? 'inline-block' : 'none';
|
||||||
|
el.setSelectionRange(0, el.value.length);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<section>
|
<section>
|
||||||
|
@ -25,9 +34,13 @@
|
||||||
<p class="services">
|
<p class="services">
|
||||||
{{#if serving_rendered}}
|
{{#if serving_rendered}}
|
||||||
services: <a href="/styles/{{@key}}/rendered.json{{&../key_query}}">TileJSON</a>
|
services: <a href="/styles/{{@key}}/rendered.json{{&../key_query}}">TileJSON</a>
|
||||||
{{#if wmts_link}}
|
{{/if}}
|
||||||
| <a href="{{&wmts_link}}">WMTS</a>
|
{{#if wmts_link}}
|
||||||
{{/if}}
|
| <a href="{{&wmts_link}}">WMTS</a>
|
||||||
|
{{/if}}
|
||||||
|
{{#if xyz_link}}
|
||||||
|
| <a href="#" onclick="return toggle_xyz('xyz_style_{{@key}}');">XYZ</a>
|
||||||
|
<input id="xyz_style_{{@key}}" type="text" value="{{&xyz_link}}" style="display:none;" />
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
@ -64,6 +77,10 @@
|
||||||
{{#if wmts_link}}
|
{{#if wmts_link}}
|
||||||
| <a href="{{&wmts_link}}">WMTS</a>
|
| <a href="{{&wmts_link}}">WMTS</a>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
{{#if xyz_link}}
|
||||||
|
| <a href="#" onclick="return toggle_xyz('xyz_data_{{@key}}');">XYZ</a>
|
||||||
|
<input id="xyz_data_{{@key}}" type="text" value="{{&xyz_link}}" style="display:none;" />
|
||||||
|
{{/if}}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="viewers">
|
<div class="viewers">
|
||||||
|
|
|
@ -241,6 +241,11 @@ module.exports = function(opts, callback) {
|
||||||
style.wmts_link = 'http://wmts.maptiler.com/' +
|
style.wmts_link = 'http://wmts.maptiler.com/' +
|
||||||
base64url('http://' + req.headers.host +
|
base64url('http://' + req.headers.host +
|
||||||
'/styles/' + id + '/rendered.json' + query) + '/wmts';
|
'/styles/' + id + '/rendered.json' + query) + '/wmts';
|
||||||
|
|
||||||
|
style.serving_rendered.tiles = utils.getTileUrls(
|
||||||
|
req, style.serving_rendered.tiles,
|
||||||
|
'styles/' + id, style.serving_rendered.format);
|
||||||
|
style.xyz_link = style.serving_rendered.tiles[0];
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
var data = clone(serving.data || {});
|
var data = clone(serving.data || {});
|
||||||
|
@ -265,6 +270,10 @@ module.exports = function(opts, callback) {
|
||||||
data_.wmts_link = 'http://wmts.maptiler.com/' +
|
data_.wmts_link = 'http://wmts.maptiler.com/' +
|
||||||
base64url('http://' + req.headers.host +
|
base64url('http://' + req.headers.host +
|
||||||
'/data/' + id + '.json' + query) + '/wmts';
|
'/data/' + id + '.json' + query) + '/wmts';
|
||||||
|
|
||||||
|
data_.tiles = utils.getTileUrls(
|
||||||
|
req, data_.tiles, 'data/' + id, data_.format);
|
||||||
|
data_.xyz_link = data_.tiles[0];
|
||||||
}
|
}
|
||||||
if (data_.filesize) {
|
if (data_.filesize) {
|
||||||
var suffix = 'kB';
|
var suffix = 'kB';
|
||||||
|
|
Loading…
Reference in a new issue