如何在谷歌地图上打开信息框?

时间:2014-06-09 03:39:59

标签: javascript google-maps google-maps-api-3

我试过信息框解释here

我的javascript如下。在那里,我通过了信息框的地图,标记和内容。但它给了我一个错误说" TypeError:Object不支持方法或属性打开"。我已经意识到当我试图打开信息框时会出现异常。请任何想法..!

function addBasicInfoBox(map, marker, contentStr) {
    try {
        var ibOptions = {
                content: contentStr,
                disableAutoPan: false,
                maxWidth: 150,
                pixelOffset: new google.maps.Size(-140, 0),
                zIndex: 50,
                boxStyle: {
                    background: "url('http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/tipbox.gif') no-repeat",
                    opacity: 0.75,
                    width: "280px"
                },
                closeBoxMargin: "12px 4px 2px 2px",
                closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif",
                infoBoxClearance: new google.maps.Size(1, 1)
        };
        var ib = new InfoBox(ibOptions);
        ib.open(map, marker);
    } catch (ex) {
        alert(ex);
    }
    google.maps.event.addListener(marker, MOUSE_OVER, function() {
        try {
            //ib.open(map, marker);
        } catch (ex) {
            alert(ex);
        }

    });

}

1 个答案:

答案 0 :(得分:0)

最初尝试使用更简单的信息窗口,例如

var infoWindow = new google.maps.InfoWindow(infoWindowOptions);
infoWindow.open(map, marker);

如果这样可行,那么您为InfoBox包含的库不在正确的路径上。 在Mozilla中打开您的地图,右键单击并查看源代码。点击Infobox.js,我猜它不会打开。