2017-03-09 103 views
0

我再次尋找一些幫助。地圖上的D3js圓圈:投影問題?

我設法畫我的地圖,但是當我嘗試添加圓(從CSV商店位置),我點會出現在左上角,我發現了以下錯誤

> Error: <circle> attribute cx: Expected length, "NaN". Error: <circle> 
> attribute cy: Expected length, "NaN". Error: <circle> attribute r: 
> Expected length, "NaN". 

我看了很多帖子在這裏堆棧,我讀了邁克·博斯托克的基本教程,但不能設法讓我的積分在正確的地方

所以我想知道如果我使用的圈子的投影不是這個原因我看到的行爲

請發現here我plunker

注意:我特意使用了相同的JSON文件在我,如果功能,請不要介意這一點

非常感謝您的幫助

回答

1

有跡象表明,來了兩件事兩次請記住:

  1. 您的CSV標頭(Lon,Lat)與用於居中圓心(lon,lat)的屬性不匹配。

  2. 您的csv中有一個錯誤:13,33.243161-8.512494999999944,Station13,1672473(它缺少一個逗號)。

如果您認爲您有投影,以確認這是測試一個點出了最簡單的方法問題:

console.log(projection[0,0]); 

如果你得到一個SVG座標回來,你的預測是可能的不是問題。相反,問題可能與您投入投影的內容或使用數據投影返回的內聯公式有關。

+0

非常感謝。完美的作品 – MFAMOROCCO