gmaps.jsを活用した際に、地図が表示されない！！

お世話になっております！

現在gmaps.jsを活用して、ジオコーディング(住所を検索すると、その場所がピンで表示される)ページを作成しようと思っているのですが、google mapが表示されず困っています。

もし少しでも何かご存知の方は、是非ご教授のほどよろしくお願い申し上げます。

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <title>gmaps test</title> <link rel="stylesheet" type="text/css" href="./css/cake.gmaps.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript" src="./js/gmaps.js"></script> <script type="text/javascript"> $(document).ready(function(){ map = new GMaps({ div: '#map', lat: -34.397, lng: 150.644 }); $('#geocoding_form').submit(function(e){ e.preventDefault(); GMaps.geocode({ address: $('#address').val().trim(), callback: function(results, status){ if(status=='OK'){ var latlng = results[0].geometry.location; map.setCenter(latlng.lat(), latlng.lng()); map.addMarker({ lat: latlng.lat(), lng: latlng.lng() }); } } }); }); }); </script> </head> <body> <form method="post" id="geocoding_form"> <label for="address">住所:</label> <div class="input"> <input type="text" id="address" name="address" /> <input type="submit" class="btn" value="Search" /> </div> </form><br /> <div id="map"></div> </body> </html>

以下の記事に、このコードが掲載されています。
http://www.endo-yuta.com/2012/06/googlegmapsjs.html