通过css禁用/隐藏Google Fusion Tables infowindow

Question

我似乎无法隐藏Google Fusion Tables在可视化我的桌子时创建的信息窗口。我还在配置信息窗口面板中使用此标记

另外，如何禁用地图中内置的平移和缩放选项？

<div class="googft-info-window" style="display: none !important;">

我只想在用户点击地图图标时隐藏信息窗口。

我的地图是通过WordPress页面中的iframe标记呈现的。

    <div id="map-canvas">
    <iframe width="300" height="390" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?viz=MAP&amp;q=select+col2+from+1_uhammcozMw1p-6u57R5gs-BG-P4ksDP2kb78kI&amp;h=false&amp;lat=36.66194290626721&amp;lng=-97.37956750000001&amp;z=3&amp;t=1&amp;l=col2"></iframe>
    </div>

<script type="text/javascript">
    function initialize() {
    var mapOptions = {
    zoom: 4,
    center: new google.maps.LatLng(-33, 151),
    panControl: true,
    zoomControl: false,
    scaleControl: false
  }
  var map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);
}
</script>

我的标题中没有Google的地图API，因为它是直接嵌入的。

非常感谢您的帮助！谢谢。