I have used the example to move my control panel off of the page, but now any custom button I try to add to the panel does not show up. All other map controls are showing just fine but not my custom buttons which were working before when my panel was attached to the map in the same div. Below is my length code (I apologize) just wondering if anyone might see something wrong with it as to why the buttons are not showing up, very much appreciate any assistance!
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <title>Redgis GIS Viewer</title> <link href="styles.css" rel="stylesheet" type="text/css" /> </head> <script type="text/javascript" src="OpenLayers-2.9.1/lib/Firebug/firebug.js"></script> <script type="text/javascript" src="OpenLayers-2.9.1/OpenLayers.js"></script> <script type="text/javascript"> // Begin Map Initialization Script //-------------------------------------------------------Begin Define Map Layers------------------------------- //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); //Ortho Image 2010 var wmsOrtho2010= new OpenLayers.Layer.WMS("Ortho Image 2010", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['Ortho_2010'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: false , singleTile: true , visibility: false } ); wmsRural_Lot_Line.setOpacity(0.8); //Parcels var wmsParcels= new OpenLayers.Layer.WMS("Parcels", "http://ITS701X5J1/RedWMS/Request.aspx";, { layers: ['Parcels'], format: 'image/png', VERSION: "1.1.1", transparent: true }, { isBaseLayer: false , singleTile: true , visibility: false } ); wmsParcels.setOpacity(0.8); //-------------------------------------------------------End Define Map Layers------------------------------- function init(){ var map = new OpenLayers.Map('map',{ controls: [], 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") } ); 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, wmsOrtho2010, wmsParcels]); //Define Redline Layer (Vector) vlayer = new OpenLayers.Layer.Vector( "Red Lines" ); vlayer.displayInLayerSwitcher = false map.addLayer(vlayer); //------------------------------------------BEGIN Create Control Panel, Add Map Controls-------------------------------------- //declare all Map Controls var btnHome = new OpenLayers.Control.Button({trigger: triggerHome, title: "Reload Website", displayClass: 'olControlButtonHome'}); var btnQuery = new OpenLayers.Control.Button({trigger: triggerQuery, title: "Pre-Defined Queries", displayClass: 'olControlButtonQueries'}); var nav = new OpenLayers.Control.NavigationHistory({title: "Zoom to Previous View"}); var mouseDefaults = new OpenLayers.Control.MouseDefaults({title: "Pan Tool - Click and drag on map window"}); var drawFeature = new OpenLayers.Control.DrawFeature(vlayer, OpenLayers.Handler.Path, {title: "Draw feature"}); var zoomMax = new OpenLayers.Control.ZoomToMaxExtent({title: "Zoom to max Range"}); var btnPrint = new OpenLayers.Control.Button({trigger: triggerPrint, title: "Print Page", displayClass: 'olControlButtonPrint'}); var btnHelp = new OpenLayers.Control.Button({trigger: triggerHelp, title: "Redgis Help", displayClass: 'olControlButtonHelp'}); var btnTutorial = new OpenLayers.Control.Button({trigger: triggerTutorial, title: "Redgis Tutorials", displayClass: 'olControlButtonTutorial'}); var zb = new OpenLayers.Control.ZoomBox({title:"Zoom by Area, Click and drag to zoom."}); //declare control trigger functions var triggerHome = function() {window.location.reload(); } var triggerQuery = function() {window.open ("queries.aspx","Queries"); } var triggerPrint = function() {window.print(); } var triggerHelp = function() {window.open ("help.aspx","Help"); } var triggerTutorial = function(){window.open ("tutorial.aspx","Tutorial"); } //Define custom controls var redgisLegend = new OpenLayers.Control.LayerSwitcher(); var redgisOverview = new OpenLayers.Control.OverviewMap(); var redgisScale = new OpenLayers.Control.Scale(); var redgisScaleLine = new OpenLayers.Control.ScaleLine(); var container_toolbar = document.getElementById("toolbar"); var panel = new OpenLayers.Control.Panel({defaultControl: mouseDefaults, div: container_toolbar}); panel.addControls([btnHome, btnQuery, zb, nav.previous, mouseDefaults, drawFeature, zoomMax, btnPrint, btnHelp, btnTutorial]); //add controls to Map map.addControl(nav); map.addControl(panel); map.addControl(redgisLegend); map.addControl(redgisOverview); map.addControl(redgisScale); map.addControl(redgisScaleLine); //redgisOverview.maximizeControl(); //redgisLegend.maximizeControl(); //------------------------------------------End Map Controls---------------------------------------------------------------- //Define Map Longitude/Latitude and Start zoom levels var startupLat = 52.27210; var startupLon = -113.80288; var startupLevel = 12; var lonLat = new OpenLayers.LonLat(startupLon, startupLat).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject()); map.setCenter(lonLat,startupLevel); } </script> <body onload="init();"> <div id="map" class="smallmap"></div> <div id="toolbar" class="olControlPanel"></div> <div id="legend"> Images/legend_header.PNG </div> <div id="selection"> Images/map_header.PNG <ul> <li> Default.aspx Base Map </li> <li>Common</li> <li>Traffic Count</li> <li>Transit Routes</li> <li>Land Use Bylaw</li> <li>Lot Sales</li> <li>Annexation</li> <li>Infrastructure</li> <li>Economic Development</li> <li>Census 2007</li> <li>Census 2006</li> <li>Assessment</li> <li>Traffic</li> <li>Garbage Update</li> <li>Endeavors Update</li> <li>EMS Incidents</li> </ul> </div> </body> </html> -- View this message in context: http://osgeo-org.1803224.n2.nabble.com/Panel-not-showing-my-custom-buttons-tp5445530p5445530.html Sent from the OpenLayers Users mailing list archive at Nabble.com. _______________________________________________ Users mailing list Users@openlayers.org http://openlayers.org/mailman/listinfo/users
