绘制LineStrings d3

时间:2015-01-07 17:29:12

标签: d3.js maps

在使用d3将GeoJSON LineStrings绘制到地图时,我无法绕脑。我正在使用Leaflet(根据Mike Bostock的例子),我的页面加载没有错误。但是,没有任何东西可以吸引我的地图。

任何帮助将不胜感激!

我的数据片段:

{"type": "LineString", "coordinates":[[-74.12706, 40.734680000000004],...]}

这是我的相关代码:

/* Load the map */
var map = new L.Map("map", {center: [40.7127, -74.0059], zoom: 10})
    .addLayer(new L.TileLayer(URL_TO_MY_TILES));

function makemap(error, data){
    var svg = d3.select(map.getPanes().overlayPane).append("svg"),
        g = svg.append("g").attr("class", "leaflet-zoom-hide");

    var transform = d3.geo.transform({point: projectPoint}),
        path = d3.geo.path().projection(transform);


    var feature = g.selectAll("path")
        .data(data.coordinates)
        .enter().append("line")
        .attr("d","path")
...
}

1 个答案:

答案 0 :(得分:0)

弄清楚我的问题,以防其他人稍后再遇到它。

我的GeoJSON格式不正确,尽管在GeoJSON Lint网站上测试时已经检查过。总是很好读你的规格!!