2016-03-15 40 views
0

我正在使用此GeoJSON http://eric.clst.org/wupl/Stuff/gz_2010_us_050_00_5m.json。由於它提供了關於美國縣的數據,因此當我繪製路徑時,美國被分成縣。但是,有沒有一種方法可以僅通過狀態繪製路徑?然後,當用戶點擊某個狀態時,地圖會放大並顯示該狀態的熱圖。d3:按美國個別狀態繪製熱圖

這是我寫的繪製路徑:

d3.json("http://eric.clst.org/wupl/Stuff/gz_2010_us_050_00_5m.json", function(data) { 

    svg.selectAll("path") 
    .data(data.features) 
    .enter() 
    .append("path") 
    .attr("d", path) 
    .style("stroke", "black") 
    .style("stroke-width", "1"); 
    .style("fill", "orange"); 

}); 

我真的很感激任何意見。謝謝!

+0

類似[this](http://techslides.com/demos/d3/us-zoom-county.html)?請注意,示例使用的是包含縣和州的路徑的JSON。 – Mark

+0

@Mark非常感謝!這是有用的資源。 – LinAlg

回答

0

它看起來像你所擁有的geojson是由縣劃分的,解決這個問題的簡單方法是尋找一個州的geojson,無論如何這裏有一個鏈接可以幫助你。並且還包含各州的地理信息。 GeoMapping in D3