topojson

    1熱度

    1回答

    D3.js等值線使用的數據,我試圖讓類似於邁克·博斯托克的等值線(https://bl.ocks.org/mbostock/4060606)的地圖。 <!DOCTYPE html> <meta charset="utf-8"> <style> .counties { fill: none; } .states { fill: none; stroke:

    2熱度

    1回答

    是否有一般D3/topojson調試提示嗎?我對這個格式比較陌生,並且已經通過d3爲美國各州做了一個可視化。 JavaScript和d3適用於我手頭的topojson文件。然而,隨着更多的說明更改文件的東西時,沒有錯誤或問題被拋出,但我得到了以下結果: 我不想張貼整個JSON,因爲它是相當大的,但是在d3中處理topojson可視化時,您會推薦哪些調試實踐?我認爲錯誤與轉型有關,但我不確定如何處理

    1熱度

    1回答

    我想從topojson獲得每個國家的邊界​​框,但是當我將它們添加爲svg矩形時,它們將朝向0,0捆綁在一起。 香港專業教育學院重讀API,並與約束座標的順序播放左右,但這並沒有改變任何東西!另外,我嘗試在國家路徑上使用SVG方法getBBox(),但是產生了相同的結果。 任何想法? var width = 700, height = 400, bboxes = []; d

    0熱度

    1回答

    我正在嘗試創建一個應用程序,允許您與美國任何州的任何郵政編碼進行交互。我正在通過使用topoJSON和d3來繪製地圖來完成此任務。我發現一個包含所有需要的數據的topojson文件遇到了很多麻煩,所以我使用GQIS創建了自己的美國狀態文件。 我最後一步是將我創建的形狀文件轉換爲topoJSON文件。我看過一些教程使用舊版本的topoJSON命令行的,他們能夠通過簡單地運行如下命令來改變其形狀文件到

    0熱度

    1回答

    因此,我使用D3.js的Topojson功能來創建svg世界地圖。儘管d3相對比較新,但我已經設法確定了目前的規模和一切。我遇到的問題是試圖合併或過濾來自topojson文件的數據與我已定義的一些集合。我將省略用於投影的功能。這是我到目前爲止有: var svg = d3.select("#map svg"); var regions = [ { region: 'low'

    3熱度

    1回答

    我在D3中製作了很多地圖,並且從來沒有遇到這個問題,輸出太小而無法看到它。我已經添加了一個小的geojson文件,可以使用各種其他工具輕鬆查看(e.g. here)。 看來,投影沒有用d3.geoPath()正確設置。 The API指定d3.geoPath()接受投影參數,但是當我嘗試使用此方法設置投影時(如下例所示),結果地圖投影不正確。只有在使用d3.geoPath()。projection

    0熱度

    1回答

    我正在嘗試使用自定義topoJSON文件和數據框來顯示葉子熱圖。該地圖用均勻陰影的等值線代替預期的熱圖生成。 繼承人的代碼片段我使用(不包括基本進口,建立數據幀的): cols = ['dma', 'values'] center_us_long_lat = [39.50, -98.35] topo_path = r'../../data/designated_marketing_area

    0熱度

    2回答

    如何將ts-topojson導入到Angular2項目中,以便獲得Typescript類型?我用npm安裝了這個模塊,試圖用一個簡單的import語句來包含,但linter說它找不到'topojson'。 import { Topojson } from 'topojson'; 這是我的第一個Angular2項目,所以我很新,所以我可能會失去一個關鍵的一步。

    1熱度

    1回答

    我有GeoJSON/TopoJSON數據的大文件(每個約100MB)。 這些有州和縣界限。國家層加載正常,因爲它沒有太多的數據,但縣的只是使頁面崩潰在Chrome中。 因此,文件本身從網絡加載並正確解析,但是當將它們放在Leaflet地圖上時,它會凍結並崩潰。 作爲解決方案,我想知道我是否可以通過座標過濾特徵? 我可以獲取地圖的視口邊界。 有沒有方法可以過濾座標在某些邊界內的特徵? 這樣我就可以只

    0熱度

    1回答

    我想獲得一張世界地圖,顯示類似於這裏提供的美國地圖(U.S. map),但我遇到了一些問題。目前,這是我迄今爲止我的世界地圖代碼: <!DOCTYPE html> <style> </style> <svg width="960" height="600"></svg> <script src="https://d3js.org/d3.v4.min.js"></script> <scr