2016-03-16 50 views
-1

我使用Fusion tables來創建我的數據的可視化。更具體地說,我們試圖通過郵政編碼創建美國地圖,並根據一些權重(由業務邏輯定義)爲它們着色。Google Fusion表格添加加熱/多邊形貼圖並刪除標記

我下載了Google Fusion表詳細信息從這裏:https://www.google.com/fusiontables/DataSource?docid=1Lae-86jeUDLmA6-8APDDqazlTOy1GsTXh28DAkw#rows:id=1 並創建一個郵政編碼權重映射。最後將這兩張表合併在一起,以便決賽桌擁有:

zipcode, geometry , weightage 

但是,Google只會顯示帶有標記的地圖。我試過change feature styles等,但無法得到它的工作。文檔也不太清楚這個主題。請讓我知道如何做到這一點。

回答

0
  1. 相關的標記:假設你使用正確的列幾何:根據變焦和功能層將顯示點代替的形狀(多邊形)的金額,就需要設置一個變焦(MINZOOM)對於其中的多邊形將被顯示

  2. 相關的多邊形色的圖:去變化特徵樣式>填充顏色>水桶

    選擇桶的所需量和列(權重),點擊鏈接「使用此範圍」。現在爲存儲桶選擇不同的顏色(如果需要),然後單擊「保存」以應用設置。

可能的結果(使用8個塊列SUMBLKPOP爲多邊形顏色)

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);
body,html{margin:0;padding:0;height:100%;} 
 
#googft-mapCanvas{height:100%;width:100%;}
<script type="text/javascript" src="https://maps.google.com/maps/api/js?v=3"></script> 
 

 
<div id="googft-mapCanvas"></div>