Javascript 谷歌地图在HTML上不可见

我试图在我的html中包括谷歌地图。但地图并没有得到下面给出的显示分区的空白屏幕截图。也可以在下面找到代码

CSS代码：

#location article{
    padding:1.5%;
    width:97%;
}
.tab-content .gmap{
    width:100%;
    height:450px;
}
.map-wrap{
    width:97%;
    padding:1.5%;
    background:#fff;
    webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 2px rgba(0,0,0,0.1);
    box-shadow:0 0 2px rgba(0,0,0,0.1);
}
.map-wrap .infoBox{
    background:url(../images/map-popup.png) no-repeat !important;
    width:180px !important;
    height:100px !important;
}
.gmap{
    border:1px solid #ccc;
    display:block;
    width:100%;
    height:550px;
}
.gmap .infoBox{
    background:url(../images/map-popup-hotel.png) no-repeat;
    width:184px;
    height:120px;
    }
.gmap strong{
    font:normal 14px 'KabelBkBTBook',sans-serif;
    margin:0 0 13px;
    display:inline-block;
}
.infoBox{
    font:normal 1.2em/1.42 'KabelBkBTBook',sans-serif;
    margin:-100px 0 0 50px;
    display:inline-block;
    padding: 8px 10px;
    color:#fff;
}

JavaScript代码：

<script type="text/javascript">
    function initialize() {
        var secheltLoc = new google.maps.LatLng(49.47216, -123.76307);

        var myMapOptions = {
             zoom: 15
            ,center: secheltLoc
            ,mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var theMap = new google.maps.Map(document.getElementById("map_canvas"), myMapOptions);


        var marker = new google.maps.Marker({
            map: theMap,
            draggable: true,
            position: new google.maps.LatLng(49.47216, -123.76307),
            visible: true
        });

        var boxText = document.createElement("div");
        boxText.innerHTML = "<strong>MGH World</strong><br />1400 Pennsylvania Ave,<br />Washington DC<br />www.bestipsumhotel.com";

        var myOptions = {
             content: boxText
            ,disableAutoPan: false
            ,maxWidth: 0
            ,pixelOffset: new google.maps.Size(-140, 0)
            ,zIndex: null
            ,closeBoxURL: ""
            ,infoBoxClearance: new google.maps.Size(1, 1)
            ,isHidden: false
            ,pane: "floatPane"
            ,enableEventPropagation: false
        };

        google.maps.event.addListener(marker, "click", function (e) {
            ib.open(theMap, this);
        });

        var ib = new InfoBox(myOptions);
        ib.open(theMap, marker);
    }
</script>

函数初始化（）{
var secheltLoc=new google.maps.LatLng（49.47216，-123.76307）；
var myMapOptions={
缩放：15
，中心：secheltLoc
，mapTypeId:google.maps.mapTypeId.ROADMAP
};
var theMap=new google.maps.Map（document.getElementById（“Map_canvas”），myMapOptions）；
var marker=new google.maps.marker({
地图：主题地图，
真的，
位置：新google.maps.LatLng（49.47216，-123.76307），
可见：正确
});
var-boxText=document.createElement（“div”）；
boxText.innerHTML=“MGH World
华盛顿特区宾夕法尼亚大道1400号
www.bestipsumhotel.com”；
变量myOptions={
内容：boxText
，disableAutoPan:false
，最大宽度：0
，pixelOffset:new google.maps.Size（-140,0）
，zIndex:null
，closeBoxURL:“
，infoBoxClearance:newgoogle.maps.Size（1,1）
，isHidden:错
，窗格：“浮动窗格”
，enableEventPropagation:false
};
google.maps.event.addListener（标记“单击”，函数（e）{
ib.open（theMap，this）；
});
var ib=新信息框（myOptions）；
ib.open（地图、标记）；
}

HTML代码：

            <div id="location" class="tab-content">
                <article>
                    <!--map-->
                        <div class="gmap" id="map_canvas"></div>
                    <!--//map-->
                </article>
            </div>

附稿：

---

[脚本附在HTML正文中][1]

您的代码返回错误：

Uncaught ReferenceError: InfoBox is not defined

没有指向信息框源的链接，如

<script src='../../js/infobox.js'></script>

此外，我看不出是否有像这样加载地图的调用

    ...
        ,enableEventPropagation: false
    };

    var ib = new InfoBox(myOptions);
    //ib.open(theMap, marker);

    google.maps.event.addListener(marker, "click", function (e) {
        ib.open(theMap, this);
    });
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>

。。。
，enableEventPropagation:false
};
var ib=新信息框（myOptions）；
//ib.open（地图、标记）；
google.maps.event.addListener（标记“单击”，函数（e）{
ib.open（theMap，this）；
});
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

---

请参阅完成。

您好，谢谢您的帮助。我对所有这些都不熟悉。如果您能编辑我的代码，我将不胜感激。。。。