1

我有一个按钮可以切换我正在创建的页面上的图表。首先，我使用google maps api 示例创建了它，但后来我发现除了预定义的位置之外，没有办法将它定位在自定义位置，所以我在我的网格中使用 html/css 重新创建了它。

它可以工作，但是当我用.load()新的集合替换地图画布和图表时，if-else 语句将被忽略，并且单击鼠标，控制台日志会显示：click2，click。地图没有调整大小，图表只是跳进跳出。我添加和删除的类也保持不变。

var chartbtn = document.getElementById('chart-id');
google.maps.event.addDomListener(chartbtn, 'click', function(event) {

if( $(chartbtn).hasClass('open') ) {
    $('.plot').animate({"bottom" : "-190px"}, 200);
    $('#map_canvas').height( winHeight - 40 + 'px');
    $(chartbtn).removeClass('open').addClass('closed');

    google.maps.event.trigger(map, 'resize');
    map.fitBounds(bounds);
    console.info('click');

} else {

    $('.plot').animate({"bottom" : "0px"}, 200);
    $('#map_canvas').height( winHeight - 230 + 'px');
    $(chartbtn).removeClass('closed').addClass('open');

    google.maps.event.trigger(map, 'resize');
    var newbounds = map.getBounds(); 
    map.fitBounds(newbounds);
    console.info('click2');
}
});

为什么一切都适用于新加载的地图（xml 数据、标记、infowindows 等）而不是这个点击功能？

4

0 回答 0