樣式不被識別

Question

我在Sample Web Site

否則工作應用程序我想從默認薄紅線改變所選擇的行的顯示到一個厚得多綠色（或紅色）線。

當我改變了下面的代碼map.js文件從

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

添加樣式部分如圖所示，沒有在顯示改變

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

的styles option不會在查詢去：

// 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 
    }); 

順便說一句 - 你的「樣品圖」你與AreaFeat層覆蓋linLayer，你可能不希望出現這種情況。