google-maps-api-3 - 動的に読み込まれた Google マップの addDomlistener

Question

作成中のページにグラフを切り替えるボタンがあります。最初にGoogle Maps API の例を使用して作成しましたが、定義済みの場所以外にカスタムの場所に配置する方法がないことがわかったので、グリッドで html/css を使用して再作成しました。

それは機能し.load()ますが、マップ キャンバスとチャートを新しいセットに置き換えるために使用している場合、if-else ステートメントは無視され、マウスを 1 回クリックすると、コンソール ログは次のように書き込みます: 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 データ、マーカー、情報ウィンドウなど) ではすべてが機能するのに、このクリック機能が機能しないのはなぜですか?