Question

我使用Fusion tables创建数据的可视化。更具体地说，我们试图通过邮政编码创建美国地图，并根据一些权重（由业务逻辑定义）对它们进行着色。

我从这里下载了Google Fusion Table详细信息：https://www.google.com/fusiontables/DataSource?docid=1Lae-86jeUDLmA6-8APDDqazlTOy1GsTXh28DAkw#rows:id=1 并创建一个邮政编码来进行权重映射。最后将这两个表合并在一起，以便最终表格具有：

zipcode, geometry , weightage

但是，Google仅显示带有标记的地图。我试过change feature styles等但是无法让它发挥作用。关于这个主题的文档也不太清楚。请告诉我这是做什么的。

Answer 1

与标记相关：假设您为几何使用正确的列：根据要素的缩放和数量，图层将显示点而不是形状（多边形），您需要设置缩放（minZoom），用于显示多边形的地图
与多边形颜色相关：转到更改要素样式＆gt;填充颜色＆gt;存储桶

选择所需数量的水桶和色谱柱（重量），点击链接＆＃34;使用此范围＆＃34;。现在为桶选择不同的颜色（如果需要），然后单击＆＃34;保存＆＃34;应用设置。

可能的结果（对于多边形颜色，使用8个用于列SUMBLKPOP的存储桶）

＆＃13;

{ 
    "_id" : "1", 
    "channelStatuses" : [
        {
            "channel" : "FOO", 
            "status" : "done"
        }
    ]
}
{ 
    "_id" : "2", 
    "channelStatuses" : [
        {
            "channel" : "BAR", 
            "status" : "error"
        }
    ]
}
{ 
    "_id" : "3", 
    "channelStatuses" : [
        {
            "channel" : "BAZ", 
            "status" : "error"
        }
    ]
}

＆＃13;

function initialize() {
    var mapDiv = document.getElementById('googft-mapCanvas');
    var map = new google.maps.Map(mapDiv, {
      center: new google.maps.LatLng(41.8781136, -87.6297981),
      zoom: 8,
      minZoom:5,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    
  layer = new google.maps.FusionTablesLayer({
      map: map,
      heatmap: { enabled: false },
      query: {
        select: "col11",
        from: "1Lae-86jeUDLmA6-8APDDqazlTOy1GsTXh28DAkw",
        where: ""
      },
      options: {
        styleId: 590,
        templateId: 585
      }
    });


  }

  google.maps.event.addDomListener(window, 'load', initialize);

＆＃13;

body,html{margin:0;padding:0;height:100%;}
#googft-mapCanvas{height:100%;width:100%;}

＆＃13;

Google Fusion表格会添加热量/多边形地图并删除标记

1 个答案: