Add ScaleLine control

2013-03-03 20:50:13 +01:00
parent 10f1755ad4
commit 8c2b01948b
4 changed files with 311 additions and 0 deletions
--- a/css/ol.css
+++ b/css/ol.css
@@ -28,6 +28,24 @@
  width: 100%;
  height: 100%;
 }
+.ol-scale-line {
+  background: rgba(0,60,136,0.3);
+  border-radius: 4px;
+  bottom: 8px;
+  left: 8px;
+  padding: 2px;
+  position: absolute;
+}
+.ol-scale-line-inner {
+  border: 1px solid #eeeeee;
+  border-top: none;
+  color: #eeeeee;
+  font-size: 10px;
+  font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
+  text-align: center;
+  margin: 1px;
+  padding: 0px 2px;
+}
 .ol-viewport .ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;