I have an open layers map that is using Mapquest as a base layers as well as my own base layer. I've seem to be having an issue with getting the one base layer to show while the other one hides. The one only needs to show from a certain zoom level to another and it goes the same with the other one.
My code is as follows:
function initMap(smX, smY, zoom) { // OpenLayers OpenLayers.IMAGE_RELOAD_ATTEMPTS = 5; OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, { defaultHandlerOptions: { 'single': true, 'double': false, 'pixelTolerance': 20, 'stopSingle': false, 'stopDouble': false }, initialize: function (options) { this.handlerOptions = OpenLayers.Util.extend( {}, this.defaultHandlerOptions ); OpenLayers.Control.prototype.initialize.apply( this, arguments ); this.handler = new OpenLayers.Handler.Click( this, { 'click': this.onClick, 'dblclick': this.onDblclick }, this.handlerOptions ); }, onClick: function (evt) { }, onDblclick: function (evt) { } }); var mapOptions = { numZoomLevels: 20, controls: [], projection: new OpenLayers.Projection("EPSG:900913"), units: 'm', restrictedExtent: new OpenLayers.Bounds(bbox = 1821416, -4151368, 3671526, -2516543) }; map = new OpenLayers.Map('testMap', mapOptions); mqBase = new OpenLayers.Layer.XYZ( "Map Quest - Streets", [ "http://otile1.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png", "http://otile2.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png", "http://otile3.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png", "http://otile4.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png" ], { attribution: "Data, imagery and map information provided by MapQuest, Open Street Map and contributors, CC-BY-SA
", transitionEffect: "resize" } ); mqBase.isBaseLayer = true; //mqBase.setOpacity(1); //mqBase.setVisibility(true); //mqBase.displayOutsideMaxExtent = 0; map.addLayers([mqBase]); cmaBase = new OpenLayers.Layer.WMS( "CMA Info - Streets", "http://192.168.1.40:8080/geoserver/CMAInfo/wms", //"http://gs.cmatile.co.za/geoserver/Cmainfo/gwc/service/wms", { layers: "Base", transparent: true, format: "image/png", buffer: 0,// isBaseLayer: true, //map: '/projects/ms4w/apps/tutorial/htdocs/base.map'} tiled: true } ); cmaBase.isBaseLayer = true; cmaBase.setOpacity(1); cmaBase.setVisibility(false); // cmaBase.displayOutsideMaxExtent = 0; map.addLayers([cmaBase]); //&& prevzoom < 15 map.events.register("zoomend", this, function (e) { var curzoom = e.object.zoom; if (typeof prevzoom != "undefined") { if (curzoom > prevzoom && curzoom >= 15 ) { map.setBaseLayer(cmaBase); cmaBase.setVisibility(true); mqBase.setVisibility(false); } } //&& prevzoom >= 15 else if (curzoom < prevzoom && curzoom < 15 ) { map.setBaseLayer(mqBase); mqBase.setVisibility(true); cmaBase.setVisibility(false); } prevzoom = curzoom; }) map.setOptions(zoomLevel = 19);I have tried several methods some of which it can be seen as comments as I was trying each one out. For some reason the setVisibilty does not seem to be working I have even used and If statement to check if it was a baselayer to try and set it that way and that also did not work.
If someone can help to see if Im missing something or if Ive done something wrong it will be alot of help.
I am using openlayers 2.13.1 and geoserver is my basemap for one.
أكثر...
My code is as follows:
function initMap(smX, smY, zoom) { // OpenLayers OpenLayers.IMAGE_RELOAD_ATTEMPTS = 5; OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, { defaultHandlerOptions: { 'single': true, 'double': false, 'pixelTolerance': 20, 'stopSingle': false, 'stopDouble': false }, initialize: function (options) { this.handlerOptions = OpenLayers.Util.extend( {}, this.defaultHandlerOptions ); OpenLayers.Control.prototype.initialize.apply( this, arguments ); this.handler = new OpenLayers.Handler.Click( this, { 'click': this.onClick, 'dblclick': this.onDblclick }, this.handlerOptions ); }, onClick: function (evt) { }, onDblclick: function (evt) { } }); var mapOptions = { numZoomLevels: 20, controls: [], projection: new OpenLayers.Projection("EPSG:900913"), units: 'm', restrictedExtent: new OpenLayers.Bounds(bbox = 1821416, -4151368, 3671526, -2516543) }; map = new OpenLayers.Map('testMap', mapOptions); mqBase = new OpenLayers.Layer.XYZ( "Map Quest - Streets", [ "http://otile1.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png", "http://otile2.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png", "http://otile3.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png", "http://otile4.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png" ], { attribution: "Data, imagery and map information provided by MapQuest, Open Street Map and contributors, CC-BY-SA
If someone can help to see if Im missing something or if Ive done something wrong it will be alot of help.
I am using openlayers 2.13.1 and geoserver is my basemap for one.
أكثر...