在谷歌地图上隐藏附加信息窗口答案

【问题标题】：Hide additional info window on google map在谷歌地图上隐藏附加信息窗口
【发布时间】：2015-03-11 14:21:00
【问题描述】：

我使用融合表查询突出显示了印度和墨西哥国家，并且当我点击标记时，我为印度国家添加了一些标记，它会通过他的超链接正确弹出。

我的问题是，当我点击地图时，除了我的自定义标记之外，它会弹出一个信息窗口，如下图所示。它包含有关该地点的一些信息。

这里我想隐藏那个附加信息窗口，除了当你点击标记时打开的标记信息窗口。

示例代码：-

$(document).ready(function(){   

    var layer; // Fusion Tables layer

var tableid = 420419;


var image = new google.maps.MarkerImage(
                        '/static/img/icon-pin.png',
                        new google.maps.Size(68, 80),
                        new google.maps.Point(0,0),
                        new google.maps.Point(19, 49));

        var mapOptions = {
          center: new google.maps.LatLng(20.91129,-10.14098),
          zoom:3,
           el: '#map',
          disableDefaultUI: false,
          draggable: true, 
          zoomControl: true, 
          scrollwheel: true,
          icon: image,


        };

          var geocoder = new google.maps.Geocoder();
        var map = new google.maps.Map(document.getElementById("map-canvas"),
            mapOptions);



        new_boundary = new google.maps.LatLngBounds();



        var marker = new google.maps.Marker({
            map: map,
            position: new google.maps.LatLng(-25.2743980, 133.7751360),
            icon:new google.maps.MarkerImage(
            "/profiles/image/9",
            new google.maps.Size(68, 49),
            new google.maps.Point(0,0),
            new google.maps.Point(19, 49)),
            flat: true,
            anchor: 8,

          });

            new_boundary.extend(new google.maps.LatLng(-25.2743980, 133.7751360));



        var marker = new google.maps.Marker({
            map: map,
            position: new google.maps.LatLng(-40.9005570, 174.8859710),
            icon:new google.maps.MarkerImage(
            "/profiles/image/2",
            new google.maps.Size(68, 49),
            new google.maps.Point(0,0),
            new google.maps.Point(19, 49)),
            flat: true,
            anchor: 8,

          });
new_boundary.extend(new google.maps.LatLng(-40.9005570, 174.8859710));



            //map.fitBounds(new_boundary);


layer = new google.maps.FusionTablesLayer({
  query: {select: "kml_4326", 
          from: tableid,
         // where: "name_0 = 'India'"},
           where: "name_0 IN ('Mexico','India')"},

  styles: [{
  polygonOptions: {
    strokeWeight: "0",
    //strokeColor: "#FF0000",
    //strokeOpacity: "0.4",
    fillOpacity: "0.1",
    fillColor: "#FF0000"

  }
}]}); 
layer.setMap(map);
});

【问题讨论】：

标签： google-maps infowindow

【解决方案1】：

抑制 FusionTablesLayer 上的信息窗口（将 suppressInfoWindows option 设置为 true）：

layer = new google.maps.FusionTablesLayer({
  suppressInfoWindows: true,  // ** set suppressInfowindows: true
  query: {select: "kml_4326", 
          from: tableid,
           where: "name_0 IN ('Mexico','India')"},
  styles: [{
  polygonOptions: {
    strokeWeight: "0",
    fillOpacity: "0.1",
    fillColor: "#FF0000"

  }
}]}); 
layer.setMap(map);

【讨论】：