Os polígonos desaparecem após desenhar no mapa de camadas abertas do TMS
-
27-10-2019 - |
Pergunta
Sou muito novo no Openlayers e estou testando a camada TMS para imagens ladrilhadas geradas com gdal2tiles.Coisas básicas como panorâmica / zoom funcionam bem e agora estou tentando adicionar a barra de ferramentas de edição e desenhar alguns polígonos no mapa.Assim que desenho o polígono ou coloco o ponto no mapa, o polígono / ponto desaparece.Estou perdendo alguma coisa?Como faço para depurar isso?
Aqui está meu código (estou testando no html gerado por gdal2tiles).
<script type="text/javascript">
var map;
var mapBounds = new OpenLayers.Bounds( 0.0, -612.0, 857.0, 0.0);
var mapMinZoom = 0;
var mapMaxZoom = 2;
// avoid pink tiles
OpenLayers.IMAGE_RELOAD_ATTEMPTS = 3;
OpenLayers.Util.onImageLoadErrorColor = "transparent";
function init(){
var options = {
controls: [],
maxExtent: new OpenLayers.Bounds( 0.0, -612.0, 857.0, 0.0 ),
maxResolution: 4.000000,
numZoomLevels: 3
};
map = new OpenLayers.Map('map', options);
var layer = new OpenLayers.Layer.TMS( "TMS Layer","",
{ url: '', serviceVersion: '.', layername: '.', alpha: true,
type: 'png', getURL: overlay_getTileURL
});
map.addLayer(layer);
map.zoomToExtent( mapBounds );
map.addControl(new OpenLayers.Control.PanZoomBar());
map.addControl(new OpenLayers.Control.MousePosition());
map.addControl(new OpenLayers.Control.MouseDefaults());
map.addControl(new OpenLayers.Control.KeyboardDefaults());
var vlayer = new OpenLayers.Layer.Vector( "Editable" );
map.addControl(new OpenLayers.Control.EditingToolbar(vlayer));
}
function overlay_getTileURL(bounds) {
var res = this.map.getResolution();
var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));
var y = Math.round((bounds.bottom - this.maxExtent.bottom) / (res * this.tileSize.h));
var z = this.map.getZoom();
if (x >= 0 && y >= 0) {
return this.url + z + "/" + x + "/" + y + "." + this.type;
} else {
return "http://www.maptiler.org/img/none.png";
}
}
</script>
Solução
Você também deve adicionar a camada vetorial ao mapa.
var vlayer = new OpenLayers.Layer.Vector( "Editable" );
map.addLayer(vlayer); // HERE
map.addControl(new OpenLayers.Control.EditingToolbar(vlayer));
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow