Add XYZ to the list of services (close #42)

This commit is contained in:
Petr Sloup 2016-08-20 14:01:12 +02:00
parent b4d6490e00
commit 1004f4cce1
3 changed files with 29 additions and 4 deletions

View file

@ -78,7 +78,6 @@ section{
}
.details {
float:left;
width:180px;
height: 128px;
padding: 20px 30px 20px 188px;
}

View file

@ -5,6 +5,15 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>TileServerGL</title>
<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>
<body>
<section>
@ -25,9 +34,13 @@
<p class="services">
{{#if serving_rendered}}
services: <a href="/styles/{{@key}}/rendered.json{{&../key_query}}">TileJSON</a>
{{#if wmts_link}}
| <a href="{{&wmts_link}}">WMTS</a>
{{/if}}
{{/if}}
{{#if wmts_link}}
| <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}}
</p>
</div>
@ -64,6 +77,10 @@
{{#if wmts_link}}
| <a href="{{&wmts_link}}">WMTS</a>
{{/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>
</div>
<div class="viewers">

View file

@ -241,6 +241,11 @@ module.exports = function(opts, callback) {
style.wmts_link = 'http://wmts.maptiler.com/' +
base64url('http://' + req.headers.host +
'/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 || {});
@ -265,6 +270,10 @@ module.exports = function(opts, callback) {
data_.wmts_link = 'http://wmts.maptiler.com/' +
base64url('http://' + req.headers.host +
'/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) {
var suffix = 'kB';