调用google maps 的奇怪错误

Question

我的代码如下
<div id="demo" style="width: 500px; height: 300px;">
    
    </div>
 $(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 er = 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]

Answer 1

   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
            });