Question

我一直在使用融合表层向导。第一层是在城市中具有标记的地图。第二个是这个城市的多边形。在新地图中，我只希望第一层的信息窗口工作。如何抑制多边形的信息窗口？这是代码：

<!DOCTYPE html>
<html>
  <head>
  <style>
    #map-canvas { width:500px; height:400px; }
    .layer-wizard-search-label { font-family: sans-serif };
  </style>
  <script type="text/javascript"
    src="http://maps.google.com/maps/api/js?sensor=false">
  </script>
  <script type="text/javascript">
    var map;
    var layer_0;
    var layer_1;
    function initialize() {
      map = new google.maps.Map(document.getElementById('map-canvas'), {
        center: new google.maps.LatLng(49.38240150737995, 11.039327819824182),
        zoom: 10,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      });
      layer_0 = new google.maps.FusionTablesLayer({
        query: {
          select: "col1",
          from: "1MamWhdXCiB-m2Ak9gppNY9ZflBJsdGWvhSSR9NMB"
        },
        map: map,
        styleId: 3,
        templateId: 4
      });
      layer_1 = new google.maps.FusionTablesLayer({
        query: {
          select: "col8",
          from: "1Xr-majg8ib430CcbcPP3OR50Eoe3biu0cczlhw1Y"
        },
        map: map,
        styleId: 2,
        templateId: 2
      });
    }
    google.maps.event.addDomListener(window, 'load', initialize);
  </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>

Answer 1

通过添加＆＃34; suppressInfoWindows：true＆＃34>来禁用默认的infowindows。 FusionTablesLayer构造函数的选项，用于您不希望拥有infowindows的图层。

来自the documentation：

suppressInfoWindows |输入：boolean

单击图层要素时，禁止渲染信息窗口。

您还需要将多边形图层放在底部（首先将其添加到地图中）。

代码段

＆＃13;

var map;
var layer_0;
var layer_1;

function initialize() {
  map = new google.maps.Map(document.getElementById('map-canvas'), {
    center: new google.maps.LatLng(49.38240150737995, 11.039327819824182),
    zoom: 10,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
  // polygons, no infowindow, put on bottom
  layer_1 = new google.maps.FusionTablesLayer({
    query: {
      select: "col8",
      from: "1Xr-majg8ib430CcbcPP3OR50Eoe3biu0cczlhw1Y"
    },
    map: map,
    suppressInfoWindows: true,
    styleId: 2,
    templateId: 2
  });
  // markers, infowindows, put on top
  layer_0 = new google.maps.FusionTablesLayer({
    query: {
      select: "col1",
      from: "1MamWhdXCiB-m2Ak9gppNY9ZflBJsdGWvhSSR9NMB"
    },
    map: map,
    styleId: 3,
    templateId: 4
  });
}
google.maps.event.addDomListener(window, 'load', initialize);

＆＃13;

html,
body,
#map-canvas {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}

＆＃13;

<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="map-canvas"></div>

＆＃13;

信息窗口两层多边形和标记

1 个答案: