New options in GMaps constructor: width and height

README.md

@@ -8,6 +8,10 @@ Visit the examples in [hpneo.github.com/gmaps](http://hpneo.github.com/gmaps/)
 Changelog
 ---------
 
+0.1.12.2
+-----------------------
+* New options in GMaps constructor: width and height
+
 0.1.12.1
 -----------------------
 * New methods: loadFromFusionTables and loadFromKML

examples/basic.html

@@ -14,7 +14,8 @@
       map = new GMaps({
         div: '#map',
         lat: -12.043333,
-        lng: -77.028333
+        lng: -77.028333,
+        height: '100px'
       });
     });
   </script>
@@ -33,7 +34,7 @@ <h1>GMaps.js &mdash; Basic</h1>
   lng: -77.028333
 });</pre>
       <p>You must define <strong>container ID</strong>, <strong>latitude</strong> and <strong>longitude</strong> of the map's center.</p>
-      <p><span class="label notice">Note</span>You also can define <strong>zoom</strong>. By default, zoom is 15.</p>
+      <p><span class="label notice">Note</span>You also can define <strong>zoom</strong>, <strong>width</strong> and <strong>height</strong>. By default, zoom is 15. Width an height in a CSS class will replace these values.</p>
     </div>
   </div>
 </body>

gmaps.js

@@ -16,6 +16,9 @@ var GMaps = (function($) {
     window.context_menu = {};
 
     this.div = $(options.div)[0];
+    this.div.style.width = this.div.clientWidth || options.width;
+    this.div.style.height = this.div.clientHeight || options.height;
+
     this.controls = [];
     this.overlays = [];
     this.layers = [];
@@ -42,6 +45,8 @@ var GMaps = (function($) {
     delete options.lat;
     delete options.lng;
     delete options.mapType;
+    delete options.width;
+    delete options.height;
 
     var map_base_options = {
       zoom: this.zoom,