javascript – d3.js在d3.geo.path中添加一个圆

var map = svg.append("g").attr("class","map");
var path = d3.geo.path().projection(d3.geo.albers().origin([3.4,46.8]).scale(12000).translate([590,570]));
    d3.json('myjsonfile.json',function(json) {
        map.SELEctAll('path').data(json.features).enter().append('path').attr('d',path)
});

您需要分离投影,以便您可以再次使用它来投影您的观点：

var map = svg.append("g").attr("class","map");
var projection = d3.geo.albers()
    .origin([3.4,46.8])
    .scale(12000)
    .translate([590,570]);
var path = d3.geo.path().projection(projection);
d3.json('myjsonfile.json',function(json) {
    map.SELEctAll('path')
        .data(json.features)
      .enter().append('path').attr('d',path);
    // now use the projection to project your coords
    var coordinates = projection([mylon,mylat]);
    map.append('svg:circle')
        .attr('cx',coordinates[0])
        .attr('cy',coordinates[1])
        .attr('r',5);
});

另外一种方法就是用点调整投影坐标：

@H_470_2@map.append('svg:circle') .attr("transform",function(d) { return "translate(" + projection(d.coordinates) + ")"; }) .attr('r',5); @H_262_8@ @H_262_8@

大佬总结

以上是大佬教程为你收集整理的javascript – d3.js在d3.geo.path中添加一个圆全部内容，希望文章能够帮你解决javascript – d3.js在d3.geo.path中添加一个圆所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。