ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added some css to actually show how to customize the panPanel and zoomPanel example look and feel

Browse Source 
git-svn-id: http://svn.openlayers.org/trunk/openlayers@9737 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
This commit is contained in:
pgiraud
2009-10-09 14:02:47 +00:00
parent 13c5f5ac4c
commit 5b3f6f68d3
1 changed files with 35 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/pan-zoom-panels.html
+35
View File
@@ -40,6 +40,41 @@
map.setCenter(new OpenLayers.LonLat(lon, lat), zoom); map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
} }
</script> </script>
<style type="text/css">
.olControlPanPanel {
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.olControlPanPanel .olControlPanNorthItemInactive {
left: 50%;
margin-left: -9px;
top: 0;
}
.olControlPanPanel .olControlPanSouthItemInactive {
left: 50%;
margin-left: -9px;
top: auto;
bottom: 0;
}
.olControlPanPanel .olControlPanWestItemInactive {
top: 50%;
margin-top: -9px;
left: 0;
}
.olControlPanPanel .olControlPanEastItemInactive {
top: 50%;
margin-top: -9px;
left: auto;
right: 0;
}
.olControlZoomPanel {
left: auto;
right: 23px;
top: 8px;
}
</style>
</head> </head>
<body onload='init();'> <body onload='init();'>
<h1 id="title">Pan and Zoom Panels</h1> <h1 id="title">Pan and Zoom Panels</h1>