pass api key to map

source/UI/js/Map/Map.js

@@ -7,6 +7,7 @@ Ox.Map <f> Basic map object
     API](http://code.google.com/apis/maps/documentation/javascript/).
     # ARGUMENTS ----------------------------------------------------------------
     options <o|{}> options
+        apiKey          <s> Google API Key
         clickable       <b|false> If true, clicking on the map finds a place
         editable        <b|false> If true, places are editable
         find            <s|""> Initial query
@@ -88,6 +89,7 @@ Ox.Map = function(options, self) {
     var that = Ox.Element({}, self)
         .defaults({
             // fixme: isClickable?
+            apiKey: '',
             clickable: false,
             editable: false,
             find: '',
@@ -524,6 +526,7 @@ Ox.Map = function(options, self) {
         $.getScript(
             document.location.protocol
             + '//maps.google.com/maps/api/js?callback=googleCallback&sensor=false'
+            + (options.api_key ? '&key=' + options.apiKey : '')
         );
     }
 

source/UI/js/Map/MapEditor.js

@@ -3,6 +3,7 @@
 /*@
 Ox.MapEditor <f> Map Editor
     options <o> Options object
+        apiKey <s> Google API Key
         height <n|256> Height in px
         labels <b|false> If true, show labels
         mode <s|'add'> Mode ('add' or 'define')
@@ -23,6 +24,7 @@ Ox.MapEditor = function(options, self) {
     var that = Ox.Element({}, self)
         .defaults({
             addPlace: null,
+            apiKey: '',
             collapsible: false,
             editPlace: null,
             getMatches: null,
@@ -383,6 +385,7 @@ Ox.MapEditor = function(options, self) {
         .appendTo(self.$listStatusbar);
 
     self.$map = Ox.Map({
+            apiKey: self.options.apiKey,
             clickable: true,
             editable: true,
             findPlaceholder: Ox._('Find on Map'),