Move keybinding to map

js/id/id.js

@@ -191,7 +191,7 @@ window.iD = function(container) {
             map.size(m.size());
         };
 
-        var keybinding = d3.keybinding()
+        map.keybinding()
             .on('a', function(evt, mods) {
                 controller.enter(iD.modes.AddArea());
             })
@@ -205,8 +205,6 @@ window.iD = function(container) {
                 if (mods === '⇧⌘') history.redo();
                 if (mods === '⌘') history.undo();
             });
-        d3.select(document).call(keybinding);
-        map.keybinding(keybinding);
 
         var hash = iD.Hash().map(map);
 

js/id/renderer/map.js

@@ -4,7 +4,7 @@ iD.Map = function() {
         dispatch = d3.dispatch('move'),
         selection = null, hover = null,
         translateStart,
-        keybinding,
+        keybinding = d3.keybinding(),
         projection = d3.geo.mercator().scale(1024),
         zoom = d3.behavior.zoom()
             .translate(projection.translate())
@@ -63,6 +63,8 @@ iD.Map = function() {
 
         map.size(this.size());
         map.surface = surface;
+
+        d3.select(document).call(keybinding);
     }
 
     function pxCenter() { return [dimensions[0] / 2, dimensions[1] / 2]; }

test/index.html

@@ -20,6 +20,7 @@
     <script src='../js/lib/d3.v3.js'></script>
     <script src='../js/lib/sha.js'></script>
     <script src='../js/lib/d3.geo.tile.js'></script>
+    <script src='../js/lib/d3.keybinding.js'></script>
     <script src='../js/lib/d3.size.js'></script>
     <script src='../js/lib/d3.typeahead.js'></script>
     <script src='../js/lib/d3.one.js'></script>