[OpenLayers-Users] Scalebar not visible

Wed Jun 17 09:58:09 EDT 2009

Hi All,

Does anyone have a solution for the problem I described earlier (see below)?
I haven't been able to tackle it yet. Thanks a lot in advance!

Best regards,
Martijn Senden.

sendeman wrote:
> 
> 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-tp3086564p3092955.html
Sent from the OpenLayers Users mailing list archive at Nabble.com.