Google maps api 3 多段线,自定义颜色样式融合表

Google maps api 3 多段线,自定义颜色样式融合表,google-maps-api-3,styles,google-fusion-tables,polyline,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()) {

我用多段线创建了一个融合表,我把它放在地图上。与:

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);
}
}
到目前为止,一切顺利

现在,我在fusion表中添加了一列,并为每一行/多段线插入了一个颜色代码

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

感谢您的帮助

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

从该职位:

2。更改多边形颜色

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

有几个自定义选项,下面将详细介绍每个选项:

  • 一种颜色适用于所有功能(“固定”)
  • 根据数据应用颜色(“桶”或“渐变”)
  • 指定每个功能(“列”)的确切颜色
为每个多边形指定颜色

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

颜色可以通过两种不同的方式指定:css颜色名称或RGB十六进制表示法。案子不重要。对于十六进制颜色代码,前导#是可选的。在十六进制颜色的末尾添加两个可选字符以指定不透明度。例如:00是透明的;80%为50%不透明;FF是完全不透明的

“值”“效果” 蓝蓝 #0000FF蓝色 #0000FFFF不透明蓝 #0000FF80 50%不透明蓝色 #0000FF00全透明蓝色 如果您正在使用的表尚未包含十六进制颜色代码列,则可以添加一列颜色规格,也可以将表与包含一列颜色规格的表合并


要使这些样式显示在Google Maps Javascript API v3映射上,请按照中的说明在UI中查找并应用该特定映射的正确样式ID和模板ID。(单击特定选项卡->发布->“获取HTML和Javascript”)

是的,但这在用户界面上运行良好,但当我尝试使用API时,他不会显示颜色…您需要使用templateId和styleId来显示用户界面中显示的地图。有一个导出javascript/html的选项,其中包含这些值 "Value" "Effect" blue blue #0000FF blue #0000FFFF opaque blue #0000FF80 50% opaque blue #0000FF00 completely transparent blue