对象没有方法

Question

我正在使用以下JS类http://google-maps-utility-library-v3.googlecode.com/svn/tags/infobox/1.1.9/docs/examples.html。

我现在一直停留在这个搜索上，试图调试这个，我不知道发生了什么。这些人的例子工作，我不明白为什么我得到这个错误，这是对象#InfoBox没有方法'打开'。

我的代码：

<script type="text/javascript">
var map;
$(document).ready(function(){   
    var latlng = new google.maps.LatLng(43.7620078,-79.5044951);
    var myOptions = {
        zoom: 12,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    var labelText = "City Hall";
    var myOptions2 = {
        content: labelText,
        boxStyle: {
            border: "1px solid black",
            textAlign: "center",
            fontSize: "8pt",
            width: "50px"
        },
        disableAutoPan: true,
        pixelOffset: new google.maps.Size(-25, 0),
        position: latlng,
        closeBoxURL: "",
        isHidden: false,
        pane: "mapPane",
        enableEventPropagation: true
    };

    var ibLabel = new InfoBox(myOptions2);
    ibLabel.open(map);      
});
</script>

更新 我在互联网上找到了解决方案。我在google maps api之前加载了InfoBox javascript文件。

首先加载google maps api解决了所有问题。