折线,自定义颜色样式融合表

时间:2014-12-18 09:38:14

标签: google-maps-api-3 styles google-fusion-tables polyline

我创建了一个融合表,使用折线,我将其显示在地图上。用:

var filter = [];
 var j = document.getElementsByName('sousmenu4');
 for (var i = 0, k; k = j[i]; i++) {
   if (k.checked) {
     filter.push('\'' + k.value + '\'');
   }
 }

 if (filter.length) {
  if (!layer3.getMap()) {
    layer3.setMap(map);
  }
   layer3.setOptions({
    query: {
      select: 'geometry',
      from: '1twRoA12Qc7toIRQe_Uk6XKFS8Ts-V_AvcHZahGlx',
      where: '\'indice\' IN (' + filter.join(',') + ')',

    },


   });

} 
 else {
   layer3.setMap(null);
}
}
到目前为止,很好,

现在,我在我的融合表中添加了一个列,并为每行/折线插入了一个颜色代码。

可以在地图上显示颜色样式吗?

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

您需要使用FusionTables User Interface,请参阅“使用”列“选项为表格中的每一行数据指定精确的颜色。”在“为每个多边形指定颜色”下(也适用于折线)。

来自那篇文章:

<强> 2。更改多边形颜色

  

这些步骤描述了如何自定义多边形的填充颜色。相同的选项适用于多边形边框颜色,边框宽度和线条。

     

有几种自定义选项,每种选项都在下面详细介绍:

  • 所有功能的一种颜色(“固定”)
  • 根据数据应用颜色(“Buckets”或“Gradient”)
  • 指定每个要素的确切颜色(“列”)

为每个多边形指定颜色

  

使用“列”选项为表中的每一行数据指定精确的颜色。此选项使您可以最大程度地控制地图上每个要素的外观。为了根据“列”指定颜色,您正在使用的表需要具有为每行输入颜色的列。

     

可以从Web上熟悉的两种不同方式指定颜色:css颜色名称或RGB十六进制表示法。案件没关系。对于十六进制颜色代码,前导#是可选的。在十六进制颜色的末尾添加两个可选字符以指定不透明度。例如:00是透明的; 80是50%不透明; FF完全不透明。

"Value" "Effect"
blue    blue
#0000FF blue
#0000FFFF   opaque blue
#0000FF80   50% opaque blue
#0000FF00   completely transparent blue
  

如果您使用的表格中没有一列十六进制颜色代码,您可以添加一列颜色规格,也可以将表格与包含颜色规格列的表格合并。

要让这些样式显示在Google Maps Javascript API v3地图上,请按照this question中的说明在UI中查找并应用该特定地图的正确styleId和templateId。 (点击特定标签 - &gt;发布 - &gt;“获取HTML和Javascript”)