forked from MTSR/mapserver
38 lines
996 B
JavaScript
38 lines
996 B
JavaScript
|
(function(){
|
||
|
|
|
||
|
|
|
||
|
|
function getTileSource(layerId, x,y,zoom,cacheBust){
|
||
|
|
return "api/tile/" + layerId + "/" + x + "/" + y + "/" + zoom + "?_=" + Date.now();
|
||
|
|
}
|
||
|
|
|
||
|
|
function getImageId(layerId, x, y, zoom){
|
||
|
|
return "tile-" + layerId + "/" + x + "/" + y + "/" + zoom;
|
||
|
|
}
|
||
|
|
|
||
|
|
window.realtimelayer = {
|
||
|
|
create: function(layerId){
|
||
|
|
return L.TileLayer.extend({
|
||
|
|
createTile: function(coords){
|
||
|
|
var tile = document.createElement('img');
|
||
|
|
tile.src = getTileSource(layerId, coords.x, coords.y, coords.z);
|
||
|
|
tile.id = getImageId(layerId, coords.x, coords.y, coords.z);
|
||
|
|
return tile;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
update: function(data){
|
||
|
|
var id = getImageId(data.layerid, data.x, data.y, data.zoom);
|
||
|
|
var el = document.getElementById(id);
|
||
|
|
|
||
|
|
if (el){
|
||
|
|
//Update src attribute if img found
|
||
|
|
el.src = getTileSource(data.layerid, data.x, data.y, data.zoom, true);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
})()
|