Los polígonos desaparecen después de dibujar en el mapa de capas abiertas TMS Layered
-
27-10-2019 - |
Pregunta
Soy muy nuevo en Openlayers y estoy probando la capa TMS para imágenes en mosaico generadas con gdal2tiles.Las cosas básicas como la panorámica / zoom funcionan bien y ahora estoy tratando de agregar la barra de herramientas de edición y dibujar algunos polígonos en el mapa.Tan pronto como dibujo el polígono o coloco el punto en el mapa, el polígono / punto desaparece.¿Me estoy perdiendo algo?¿Cómo depuro esto?
Aquí está mi código (lo estoy probando en el html generado 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>
Solución
También debe agregar la capa vectorial al mapa.
var vlayer = new OpenLayers.Layer.Vector( "Editable" );
map.addLayer(vlayer); // HERE
map.addControl(new OpenLayers.Control.EditingToolbar(vlayer));
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow