Not sure if I am doing this correctly, I am trying to experiment with using an overview map and I just want to set it to be a copy of the layers on my map already existing. Below is my code but I just get an empty blue overview map with no layers showing and also it won't move my map around if I click on it. Any help appreciated whether to define new layers for my overview or make an exact copy of the existing map, thanks.
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <title>Redgis - WMS Service</title> <link rel="stylesheet" href="style.css" type="text/css" /> <style type="text/css"> body { margin: 0; } #map { width: 100%; height: 100%; } #text { position: absolute; bottom: 1em; left: 1em; width: 512px; } #overview{ display:block; /* set the div in the bottom right */ position:absolute; bottom:0; right:0; width:350px; border:1px solid #ddd; } </style> <!-- (commented out google maps API key, readd if using google maps layer) <script src='http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAmxEu3pgjOVMKW70xRnZ1YxR0mfnfRZQjoAkWM97eIDxNT8rs-xT5NYTmYFApu1-LGwQBNRBUweZGdg' type="text/javascript"></script>--> <script type="text/javascript" src="OpenLayers-2.9.1/OpenLayers.js"></script> <script type="text/javascript"> var map; function init(){ map = new OpenLayers.Map('map',{ maxExtent: new OpenLayers.Bounds(-20037508.34, -20037508.34, 20037508.34, 20037508.34), maxResolution: 156543.0399, numZoomLevels: 20, units: 'm', projection: new OpenLayers.Projection("EPSG:900913"), displayProjection: new OpenLayers.Projection("EPSG:4326") } ); //Commented out adding google maps as a layer, readd if using google as base layer //var gmap = new OpenLayers.Layer.Google( //"Google Streets", // the default //{numZoomLevels: 20 //, sphericalMercator: true // } //); //Bridge var wmsBridge = new OpenLayers.Layer.WMS("Bridge", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['Bridge'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: false , singleTile: true } ); wmsBridge.setOpacity(0.8); //Rural_Highway var wmsRural_Highway = new OpenLayers.Layer.WMS("Rural Highway", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['Rural_Highway'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: false , singleTile: true } ); wmsRural_Highway.setOpacity(0.8); //Highway var wmsHighway = new OpenLayers.Layer.WMS("Highway", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['Highway'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: false , singleTile: true } ); wmsHighway.setOpacity(0.8); //Arterial var wmsArterial = new OpenLayers.Layer.WMS("Arterial", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['Arterial'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: false , singleTile: true } ); wmsArterial.setOpacity(0.8); //City_Boundary var wmsCity_Boundary = new OpenLayers.Layer.WMS("City Boundary", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['City_Boundary'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: false , singleTile: true } ); wmsCity_Boundary.setOpacity(0.8); //Hydrology var wmsHydrology = new OpenLayers.Layer.WMS("Hydrology", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['Hydrology'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: false , singleTile: true } ); wmsHydrology.setOpacity(0.8); //Neighbourhood Area (Clear) var wmsNeighbourhood_Clear = new OpenLayers.Layer.WMS("Neighbourhood Area (Clear)", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['Neighbourhood_Area__Clear_'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: false , singleTile: true } ); wmsNeighbourhood_Clear.setOpacity(0.8); //Neighbourhood Boundary var wmsNeighbourhood_Boundary = new OpenLayers.Layer.WMS("Neighbourhood Boundary", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['Neighbourhood_Boundary'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: false , singleTile: true } ); wmsNeighbourhood_Boundary.setOpacity(0.8); //Major Parks var wmsMajor_Parks = new OpenLayers.Layer.WMS("Major Parks", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['Major_Parks'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: false , singleTile: true } ); wmsMajor_Parks.setOpacity(0.8); //Neighbourhood Parks var wmsNeighbourhood_Parks = new OpenLayers.Layer.WMS("Neighbourhood Parks", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['Neighbourhood_Parks'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: false , singleTile: true } ); wmsMajor_Parks.setOpacity(0.8); //Recreation Sites var wmsRecreation_Sites= new OpenLayers.Layer.WMS("Recreation Sites", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['Recreation_Sites'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: false , singleTile: true } ); wmsRecreation_Sites.setOpacity(0.8); //School Sites var wmsSchool_Sites= new OpenLayers.Layer.WMS("School Sites", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['School_Sites'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: false , singleTile: true } ); wmsSchool_Sites.setOpacity(0.8); //Linear Parks var wmsLinear_Parks= new OpenLayers.Layer.WMS("Linear Parks", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['Linear_Parks'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: false , singleTile: true } ); wmsLinear_Parks.setOpacity(0.8); //Section Lines var wmsSection_Lines= new OpenLayers.Layer.WMS("Section Lines", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['Section_Lines'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: true , singleTile: true } ); wmsSection_Lines.setOpacity(0.8); wmsSection_Lines.displayInLayerSwitcher = false //hides layer from displaying in layerswitcher control //Rural Block Line var wmsRural_Block_Line= new OpenLayers.Layer.WMS("Rural Block Line", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['Rural_Block_Line'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: false , singleTile: true } ); wmsRural_Block_Line.setOpacity(0.8); //Rural Lot Line var wmsRural_Lot_Line= new OpenLayers.Layer.WMS("Rural Lot Line", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['Rural_Lot_Line'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: false , singleTile: true } ); wmsRural_Lot_Line.setOpacity(0.8); //map.addLayers([gmap, wms]); map.addLayers([wmsBridge, wmsRural_Highway, wmsHighway, wmsArterial, wmsCity_Boundary, wmsHydrology, wmsNeighbourhood_Clear, wmsNeighbourhood_Boundary, wmsMajor_Parks, wmsNeighbourhood_Parks, wmsRecreation_Sites, wmsSchool_Sites, wmsLinear_Parks, wmsSection_Lines, wmsRural_Block_Line, wmsRural_Lot_Line]); var startupLat = 52.27210; var startupLon = -113.80288; var startupLevel = 11.5; //var lonLat = new OpenLayers.LonLat(startupLon, startupLat); var lonLat = new OpenLayers.LonLat(startupLon, startupLat).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject()); map.setCenter(lonLat, startupLevel); // Define Controls var redgisLegend = new OpenLayers.Control.LayerSwitcher(); var redgisOverview = new OpenLayers.Control.OverviewMap(); var keyboard = new OpenLayers.Control.KeyboardDefaults(); var mousePosition = new OpenLayers.Control.MousePosition(); // add controls to map map.addControl(redgisLegend); map.addControl(redgisOverview); map.addControl(keyboard); map.addControl(mousePosition); redgisLegend.maximizeControl(); redgisOverview.maximizeControl(); } </script> </head> <body onload="init()"> <div id="map"></div> </body> </html> -- View this message in context: http://osgeo-org.1803224.n2.nabble.com/Using-overview-map-no-layers-showing-up-tp5389216p5389216.html Sent from the OpenLayers Users mailing list archive at Nabble.com. _______________________________________________ Users mailing list Users@openlayers.org http://openlayers.org/mailman/listinfo/users
