[OpenLayers-Users] Scalebar not visible

Fri Jun 19 05:07:59 EDT 2009

Hi again,

I'm still struggling with the scalebar problem I described earlier (see
below). Does anyone see an error in the code I posted? Do I need to provide
additional information? Please let me know if I need to give more input.

Thanks again in advance!

Best regards,
Martijn Senden.

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