CalvinBackup/iD
1
0
Fork 0
mirror of https://github.com/FoggedLens/iD.git synced 2026-05-14 21:28:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

use existing method to trigger tilemap

Browse Source
This commit is contained in:
john gravois
2018-06-14 13:18:00 -07:00
parent 617eb06364
commit 34fa12a132
2 changed files with 44 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/renderer/background_source.js
+36 -34
View File
@@ -296,6 +296,42 @@ rendererBackgroundSource.Esri = function(data) {
cache = {},
inflight = {};
// use a tilemap service to set maximum zoom for esri tiles dynamically
// https://developers.arcgis.com/documentation/tiled-elevation-service/
esri.fetchTilemap = function(center) {
// tiles are available globally to zoom level 19, afterward they may or may not be present
var z = 20;
// first generate a random url using the template
var dummyUrl = esri.url([1,2,3]);
// calculate url z/y/x from the lat/long of the center of the map
var x = (Math.floor((center[0] + 180) / 360 * Math.pow(2, z)));
var y = (Math.floor((1 - Math.log(Math.tan(center[1] * Math.PI / 180) + 1 / Math.cos(center[1] * Math.PI / 180)) / Math.PI) / 2 * Math.pow(2, z)));
// fetch an 8x8 grid because responses to leverage cache
var tilemapUrl = dummyUrl.replace(/tile\/[0-9]+\/[0-9]+\/[0-9]+/, 'tilemap') + '/' + z + '/' + y + ' /' + '/8/8';
// make the request and introspect the response from the tilemap server
d3_json(tilemapUrl, function (err, tilemap) {
if (err || !tilemap) return;
var tiles = true;
for (var i=0; i<tilemap.data.length; i++) {
// 0 means an individual tile in the grid doesn't exist
if (!tilemap.data[i]) {
tiles = false;
break;
}
}
// if any tiles are missing at level 20 we restrict maxZoom to 19
if (!tiles) {
esri.scaleExtent[1] = 19;
}
});
};
esri.getMetadata = function(center, tileCoord, callback) {
var tileId = tileCoord.slice(0, 3).join('/'),
zoom = Math.min(tileCoord[2], esri.scaleExtent[1]),
@@ -307,9 +343,6 @@ rendererBackgroundSource.Esri = function(data) {
if (inflight[tileId]) return;
// instead of calling fetchTilemap when the metadata window is open, we should call it when editing is first activated
fetchTilemap(center, esri);
switch (true) {
case (zoom >= 20 && esri.id === 'EsriWorldImageryClarity'):
metadataLayer = 4;
@@ -407,37 +440,6 @@ rendererBackgroundSource.Esri = function(data) {
});
}
// use a tilemap service to set maximum zoom for esri tiles dynamically
function fetchTilemap(center, esri) {
// tiles are available globally to zoom level 19, afterward they are only a possibility
const urlZ = 20;
// calculate url z/y/x from the lat/long of the center of the map
const urlX = (Math.floor((center[0] + 180) / 360 * Math.pow(2, urlZ)));
const urlY = (Math.floor((1 - Math.log(Math.tan(center[1] * Math.PI / 180) + 1 / Math.cos(center[1] * Math.PI / 180)) / Math.PI) / 2 * Math.pow(2, urlZ)));
// we fetch an 8x8 grid because they cover a normal extent and responses are cached
const tilemapUrl = tileCoord[3].replace(/tile\/[0-9]+\/[0-9]+\/[0-9]+/, 'tilemap') + `/${urlZ}/${urlY}/${urlX}/8/8`;
// make the request and introspect the response from the tilemap server
d3_json(tilemapUrl, function (err, tilemap) {
if (err || !tilemap) return;
let tiles = true;
for (i=0;i<tilemap.data.length;i++) {
// any value of 0 means an individual tile in the grid doesn't exist
if (!tilemap.data[i]) {
tiles = false;
break;
}
}
// if any tiles are missing, restrict maxZoom to 19
if (!tiles) {
esri.scaleExtent[1] = 19;
}
})
}
function clean(val) {
return String(val).trim() || unknown;
modules/ui/notice.js
+8
View File
@@ -34,6 +34,14 @@ export function uiNotice(context) {
function disableTooHigh() {
var canEdit = context.map().zoom() >= context.minEditableZoom();
div.style('display', canEdit ? 'none' : 'block');
// if an Esri basemap is being displayed and native zoom past 19 is enabled, check the tilemap
if (canEdit) {
var basemap = context.background().baseLayerSource();
if (/^EsriWorldImagery/.test(basemap.id) && basemap.scaleExtent[1] > 19) {
var center = context.map().center();
basemap.fetchTilemap(center);
}
}
}
context.map()