google-fusion-tables - 样式图标标记 - 融合表

Question

这是对像我这样的其他新手的帮助。

我花了很长时间才弄清楚如何在我的融合表项目中为不同类别的标记分配不同的图标。我发现文档有限且令人困惑，我想如果我感到困惑，那么其他人可能也是如此。

在其他人的帮助和大量测试下，我现在可以与您分享两种方法来实现这一目标。

首先请注意，可用于融合表的图标非常有限，您可以在此处看到的一组图标:
http://www.google.com/fusiontables/DataSource?dsrcid=308519

放大漂浮在海洋上的图标，然后单击您喜欢的图标以了解它们的名称。

1. 从融合表内部造型:
创建一个名为“样式”的列。请务必将其 TYPE 设置为 TEXT。
在列中，添加要用于不同类别的图标的名称。
名称示例:star、target 和“red_blank”。
在 map View 中，单击“配置样式”按钮。在点/标记图标下，选择列。单击“使用列中指定的图标”，然后从下拉列表中选择您设置的列名称，例如。 “样式”。
查看 map ，您应该会看到显示的各种图标。

2. 在你的 javascript 中设置样式:
将样式部分添加到您的代码中。这是一个示例(在这种情况下，样式类别用数字编码):

layer_2 = new google.maps.FusionTablesLayer({
  suppressInfoWindows:true,
  query: {
    select: 'Location',
    from: 'tableid' //add the id number of your table here, inside the quotes
  },

styles: [
  {where: "'style' = 14", markerOptions:{ iconName:"star"}}, // other landmarks
  {where: "'style' = 13", markerOptions:{ iconName:"wht_pushpin"}}, //businesses
  {where: "'style' = 11", markerOptions:{iconName:"red_blank"}}, //town houses
  {where: "'style' = 12", markerOptions:{ iconName:"orange_blank"}}, //country homes
  {where: "'style' = 15", markerOptions:{ iconName:"target"}},
  ]});

这两种方法都很好用。与两者一起工作后，我现在认为我更喜欢在融合表中执行此操作，只是因为我发现我可以保留 javascript 越简单，对我来说效果越好。

但是，通过 JS 控制它可以更轻松地动态更改图标，因为您只需要更改一行代码，而不是通过表格的每一行更改样式列中的图标名称。

我希望这是有帮助的。
温蒂

Answer 1

同样值得查看这篇帮助文章，它描述了如何使用合并功能快速创建列，为表中的行分配样式/图标:

Using Merge to apply map styles by category