调用google maps 的奇怪异常 _JavaScript

调用google maps 的奇怪错误
我的代码如下

HTML code

<div id="demo" style="width: 500px; height: 300px;">
    
    </div>

JScript code


 $(document).ready(function() {
         var coords = '38.871008,-77.055979';
            var container = $("#demo");
         var map = new google.maps.Map(container, {
                zoom: 12, // Close zoom!
                mapTypeId: google.maps.MapTypeId.ROADMAP // Use the classic roadmap
            });
        var coordsarr = coords.split(',');
        var latlong = new google.maps.LatLng(parseFloat(coordsarr[0]), parseFloat(coordsarr[1]));
                              var marker = new google.maps.Marker({
                                  position: latlong,
                                  map: map
                                  });

        map.setCenter(latlong);
     });

错误信息是
uncaught exception: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMViewCSS.getComputedStyle]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: http://maps.gstatic.com/intl/zh_cn/mapfiles/api-3/7/12/main.js :: Ol :: line 60" data: no]

------解决方案--------------------
var container = $("#demo");
container 是jquery对象吧，google的构造函数怎么能传jquery对象呢。。。。
var map = new google.maps.Map(‘demo’, {
zoom: 12, // Close zoom!
mapTypeId: google.maps.MapTypeId.ROADMAP // Use the classic roadmap
});