如何將lat，lon數據動態地放置到topoJSON地圖上

我有一個WV縣的topoJSON地圖。正確顯示人口密度。該地圖是從geoJSON數據創建的，然後使用topojson進行轉換。這是開發人員用來創建靜態數據顯示的所有常規步驟。我現在的問題是，這張地圖的用戶會希望在其上放置數據，而他們只有經緯度值。如何顯示先前創建的topoJSON映射上的lat，lon數據？如何將lat，lon數據動態地放置到topoJSON地圖上

下面是一些樣本數據：

var sampleData = [ 
    {"name": "Weirton", "coordinates": [-80.589517, 40.418957]}, 
    {"name": "Morgantown", "coordinates": [-79.955897, 39.629526]}, 
    {"name": "Shepherdstown", "coordinates": [-77.804161, 39.430100]}    
];

那我試圖展示在我（已顯示）的地圖，就像這樣：

var group = svg.append('g'); 

group.selectAll("cities") 
    .data(sampleData) 
    .enter() 
     .append("cities") 
      .attr("class", "cities") 
      .attr("transform", function(d) {return "translate(" + projection(d.coordinates) + ")";});

是否有可能得到一些緯度，經度數據到一個靜態地圖上，或者我瘋了一些編程錯誤？

更新：我已經打了數據，發現使用此代碼：

svg.append("path") 
.datum(topojson.feature(wv, dynamicData)) 
.attr("d", path) 
.attr("class", "place")

作品與此數據

var dynamicData = 
{ 
    "type":"GeometryCollection",  
    "geometries":[ 
     {"type":"Point","properties":{"NAME":"Weirton"},"id":"Weirton","coordinates":[4172,9359]}, 
     {"type":"Point","properties":{"NAME":"Morgantown"},"id":"Morgantown","coordinates":[5458,7063]}, 
     {"type":"Point","properties":{"NAME":"Shepherdstown"},"id":"Shepherdstown","coordinates":[9826,6483]}] 
};

，但不使用該數據

var dynamicData = 
{ 
    "type":"GeometryCollection",  
    "geometries":[ 
     {"type":"Point","properties":{"NAME":"Weirton"},"id":"Weirton","coordinates":[-80.589517, 40.418957]}, 
     {"type":"Point","properties":{"NAME":"Morgantown"},"id":"Morgantown","coordinates":[-79.955897, 39.629526]}, 
     {"type":"Point","properties":{"NAME":"Shepherdstown"},"id":"Shepherdstown","coordinates":[-77.804161, 39.430100]}] 
};

有人可以告訴我如何計算新的座標嗎？

來源

2013-11-27 user3018981

您可以創建一個JSFiddle或Plunkr或其他東西，以便我們可以確切地看到您在做什麼？ – reblace

好吧，我的問題是我無法在JSFiddle上獲得我的topoJSON文件。至少我不知道如何做到這一點。 – user3018981

如果我通過topojson運行我的原始緯度/經度數據並查看輸出，我會得到{「name」：「Weirton」，\t \t「coordinates」：[4172,9359]}。 topojson如何計算這些值？如果我可以對我的動態數據進行相同的計算，我可能會繼續。 – user3018981

確定，事實證明，此代碼段的代碼將顯示我的緯度/經度數據正確

svg.selectAll(".geojson").data([sampleData4]) 
.enter() 
.append("path") 
.attr("class","geojson") 
.attr("d", path) 
;

（sampleData4是上述我的緯度/經度數據（即dynamicData）在我的編輯。我偶然在此許多谷歌搜索後，我發現這個片段在

http://hashbang.co.nz/blog/2013/2/25/d3_js_geo_fun

我會很感激的，爲什麼它的工作任何人的解釋，爲什麼我以前所有的工作都沒有。我也仍然在理解很感興趣（有詳細具體的例子）如何協調轉換實際工作。

來源

2013-11-27 18:02:01 user3018981

嗨，我有同樣的問題，但該鏈接不再起作用。你有關於如何解決問題的任何提示？ – JasonMHirst

如何將lat，lon數據動態地放置到topoJSON地圖上

回答

相關問題