谷歌地图信息框,关闭按钮似乎不起作用

时间:2012-01-23 16:03:10

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

我正在使用谷歌地图应用程序,并使用谷歌的信息框插件我遇到了一些麻烦。

似乎关闭按钮不再需要处理信息框,这很奇怪,因为我之前确实有它工作,因为我正在将一个自助服务终端应用程序变成一个网络应用程序。我正在使用自定义关闭按钮,但即使我将其切换到谷歌的默认关闭按钮,我得到相同的结果。只有当您单击地图上的另一个标记以打开另一个信息框时,信息框才会关闭。一旦打开,似乎无法将其删除。代码没有从此应用程序的kiosk更改为Web版本...

以下是我用来实例化标记的一些代码:

var displayingInfoBox;

// Options for the infobox
var popoverOptions = {

        disableAutoPan : false,
        maxWidth : 0,
        closeBoxMargin : '8px 32px',
        closeBoxURL : 'url/to/close_button/image.png',  
        infoBoxClearance : new google.maps.Size(50,50),
        isHidden : false,
        enableEventPropagation : true,

        boxStyle: {
            border      : 'none',
            opacity     : 1.0,
            background  : "transparent url( 'url/to/background/image.png' ) no-repeat 0 0",
            width: "266px",
            height: "109px"
        }
    };

// Add listener to the marker to open the overlay -- where popupInfo is the content to display inside the popover and marker is the marker on the map
google.maps.event.addListener(marker, 'click', function( event ) {
        createOverlay( marker, popupInfo, new google.maps.Size(-35, -235))
    });

// Method to show in the overlay
function createOverlay(marker_, content_, offset_) {

    // close the previous overlay if there was one.
    VW.Map.closeInfoBox();

    // set the provided content to the popover options
    popoverOptions.content = content_;
    popoverOptions.pixelOffset = offset_;

    // use the infobox lib to create an overlay
    displayingInfoBox = new InfoBox(popoverOptions);

    // show the overlay over the marker passed in
    displayingInfoBox.open(myMap, marker_);

    // return in case the caller wants to do something with this.
    return displayingInfoBox;
}

非常感谢任何帮助。

提前致谢!

编辑 - 我使用的是INFOBOX API,而不是地图API中的InfoWindow对象。这就是我所说的:http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/reference.html

格雷厄姆

1 个答案:

答案 0 :(得分:1)

我有这个问题。我使用我的主要CSS样式表来设置我的信息框而不是Javascript中的boxStyle。当我在1.0以外的任何其他设置(或完全删除)上设置不透明度时,关闭按钮将可见但不起作用。我的建议是检查以确保您的信息框不会从其他任何地方继承不透明度。