Add stubs for map scale..

css/app.css

@@ -2201,6 +2201,14 @@ img.wiki-image {
     margin-right: 10px;
 }
 
+#scale {
+    position:relative;
+    float:left;
+    height:20px;
+    width:100%;
+    padding:5px;
+}
+
 .source-switch a {
     padding: 2px 4px 4px 4px;
     border-radius: 2px;

index.html

@@ -90,6 +90,7 @@
         <script src='js/id/ui/notice.js'></script>
         <script src='js/id/ui/flash.js'></script>
         <script src='js/id/ui/save.js'></script>
+        <script src='js/id/ui/scale.js'></script>
         <script src='js/id/ui/splash.js'></script>
         <script src='js/id/ui/spinner.js'></script>
         <script src='js/id/ui/restore.js'></script>

js/id/ui.js

@@ -80,8 +80,16 @@ iD.ui = function(context) {
             .attr('class', 'map-control help-control')
             .call(iD.ui.Help(context));
 
-        var about = content.append('div')
-            .attr('class','col12 about-block fillD');
+        var aboutBlock = content.append('div')
+            .attr('class', 'col12 about-block fillD');
+
+        aboutBlock.append('div')
+            .attr('id', 'scale-block')
+            .attr('class', 'col3')
+            .call(iD.ui.Scale(context));
+
+        var about = aboutBlock.append('div')
+            .attr('class', 'col9');
 
         about.append('div')
             .attr('class', 'api-status')

js/id/ui/scale.js

@@ -0,0 +1,12 @@
+iD.ui.Scale = function(context) {
+    var map = context.map();
+
+    function update(selection) {
+        selection.append('svg')
+            .attr('id', 'scale')
+    };
+
+    return function(selection) {
+        update(selection);
+    };
+};

test/index.html

@@ -85,6 +85,7 @@
     <script src='../js/id/ui/notice.js'></script>
     <script src='../js/id/ui/flash.js'></script>
     <script src='../js/id/ui/save.js'></script>
+    <script src='../js/id/ui/scale.js'></script>
     <script src='../js/id/ui/splash.js'></script>
     <script src='../js/id/ui/restore.js'></script>
     <script src='../js/id/ui/tag_reference.js'></script>