样式不被识别时，试图改变与谷歌融合表查询

Question

我在示例网站上有一个正常工作的应用程序

我想将所选行的显示从默认的细红色线更改为更粗的绿色(或红色)线。

当我从

更改map.js文件中的以下代码时

// Google Fusion LineFeat table
var linLayer = new google.maps.FusionTablesLayer({
    query: {
        select: 'name',
          from: linTableId,
      where: idStr,
      },
      map: GlobalMap
    });

添加如下所示的样式部分，display

没有改变

// Google Fusion LineFeat table
var linLayer = new google.maps.FusionTablesLayer({
    query: {
        select: 'name',
          from: linTableId,
      where: idStr,
      styles: [{
        polylineOptions: {
            strokeColor: "#00FF00",
            strokeWeight: "12"
        }
        }]
      },
      map: GlobalMap
    });

有人能给我一些方向，我可能做错了什么?如果我注释掉对缩放地图到特定项目的zoom.js函数的调用，我将得到相同的结果。

Answer 1

样式选项不在查询中:

// Google Fusion LineFeat table
var linLayer = new google.maps.FusionTablesLayer({
    query: {
        select: 'name',
        from: linTableId,
        where: idStr
    },
    styles: [{
        polylineOptions: {
          strokeColor: "#00FF00",
          strokeWeight: "12"
        }
    }],
    map: GlobalMap
  });

BTW -在你的"样本地图"中，你用图层覆盖了linLayer为AreaFeat，你可能不希望这样。