Hi all! I'm trying to add a scalebar to my mapserver + openlayers webapp. I tried implementing http://dev.openlayers.org/addins/scalebar/trunk/examples/scalebar.html the online example into my own page, but until now, I haven't succeeded. I used firebug to see the generated source and the javascript does add divs for the scalebar, I just don't see it anywhere. I have made no changes to the css or javascript, just changed the location and filename. The src values of the scripts and href of the linked stylesheet are correct.
I added the code I used below. Does anyone see what's going wrong? Because I don't. :-) Thanks in advance, any help will be greatly appreciated! Best regards, Martijn Senden. _________________________________________________________________ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en"><head> <title>Untitled</title> <style type="text/css"> body, html { overflow: hidden; height: 100%; } #map { position: absolute; z-index:1; top: 100px; bottom: 50px; left: 0; width: 70%; /* height:80%; */ border: 1px solid black; background: red; } #scalebar { position: absolute; right: 0; bottom: 50px; width: 25%; height: 200px; border: 1px solid #000; } </style> <!--[if lte IE 8]> <style type="text/css"> #map { bottom: auto; height: expression(document.documentElement.clientHeight - 150 +"px"); } </style> <![endif]--> <script type="text/javascript" src="http://openlayers.org/api/OpenLayers.js";></script> <script type="text/javascript" src="javascript/openlayers_scalebar.js"></script> <link href="css/scalebar.css" rel="stylesheet" type="text/css" media="screen"> <script type="text/javascript"> function init(){ //Create a new OpenLayers mapwindow with associated controls var map = new OpenLayers.Map('map', { projection: "EPSG:28992", maxResolution: 1328.125, numZoomLevels: 14, maxExtent : new OpenLayers.Bounds(-23500,289000,316500,629000), restrictedExtent: new OpenLayers.Bounds(80000,442000,88000,452000), units : "meters", controls: [ new OpenLayers.Control.ZoomToMaxExtent(), new OpenLayers.Control.PanZoomBar({zoomWorldIcon: true}), new OpenLayers.Control.LayerSwitcher({'ascending':false}), new OpenLayers.Control.MouseDefaults(), new OpenLayers.Control.KeyboardDefaults() ] }); // Add Spoortunnel Delft Mapserver .map-files layer = new OpenLayers.Layer.MapServer( "Topografie", "/geoviewerbin/mapserv.exe", {map: "c:/OSGeo4W/apps/geoviewer/maps/spoortunnel.map", layers: "Topografie"} ); map.addLayer(layer); //Add a scalebar to the map scalebar = new OpenLayers.Control.ScaleBar(); map.addControl(scalebar); map.zoomToExtent(new OpenLayers.Bounds(83600,446000,84600,448200)); } window.onload=init; </script> </head><body> <div id="map"></div> </body></html> -- View this message in context: http://n2.nabble.com/Scalebar-not-visible-tp3086564p3086564.html Sent from the OpenLayers Users mailing list archive at Nabble.com. _______________________________________________ Users mailing list [email protected] http://openlayers.org/mailman/listinfo/users
