Html 信息窗口两层多边形和标记_Html_Google Maps Api 3_Google Fusion Tables

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

html google-maps-api-3

Html 信息窗口两层多边形和标记,html,google-maps-api-3,google-fusion-tables,Html,Google Maps Api 3,Google Fusion Tables,我一直在使用fusion tables图层向导。第一层是城市内带有标记的地图。第二个是这个城市的多边形。在新地图中，我只希望第一层的信息窗口工作。如何抑制多边形的“信息”窗口？代码如下： <!DOCTYPE html> <html> <head> <style> #map-canvas { width:500px; height:400px; } .layer-wizard-search-label { font-famil

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

<!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>

通过将suppressInfoWindows:true选项添加到不希望具有infowindows的层的FusionTablesLayer构造函数中，禁用默认infowindows

发件人：

suppressInfoWindows |类型：布尔型

单击图层要素时抑制信息窗口的渲染

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

代码段：

var映射； var层0； var层_1；函数初始化{ map=new google.maps.Mapdocument.getElementById'map-canvas'{ 中心：新google.maps.LatLng49.38240150737995，11.039327819824182，缩放：10， mapTypeId:google.maps.mapTypeId.ROADMAP }; //多边形，无信息窗口，放在底部 layer_1=新建google.maps.FusionTablesLayer{ 查询：{ 选择：col8，发件人：1Xr-MAJG8IB430CCBCPP3或50EOE3BIU0CCZLHW1Y }, 地图：地图， suppressInfoWindows：对， styleId:2，模板ID:2 }; //标记，信息窗口，放在上面 layer_0=新建google.maps.FusionTablesLayer{ 查询：{ 选择：col1，发件人：1MamWhdXCiB-m2Ak9gppNY9ZflBJsdGWvhSSR9NMB }, 地图：地图， styleId:3，模板ID:4 }; } google.maps.event.AddDomainListenerWindow“加载”，初始化； html，身体地图画布{ 身高：100%；宽度：100%；边际：0px；填充：0px }