小编use*_*503的帖子

D3 + Google地图+路径+标签Bug witih Panning and Zooming

我是D3新手.我的目标是创建一个地图,在其上面绘制一个SVG图层,并定义区域,然后标记这些区域.

标签有一个错误.我可以成功添加它们但是当我平移和缩放时它们不随地图移动.我觉得它与文本标签确定的'x'和'y'值有关,但我不确定这些值应该是什么.

adminDivisions.selectAll("text")
.data(geoJson.features)
.enter()
.append("text")
.text(function(d){
   return d.properties.title;
})
.attr("x",function(d){
   return path.centroid(d)[0];
})
.attr("y", function(d){
   return path.centroid(d)[1];
});
Run Code Online (Sandbox Code Playgroud)

我的代码基于此:将d3路径覆盖到Google地图上? 并且:在d3.js中将状态名称添加到地图中

JSFiddle示例代码:http://jsfiddle.net/vZmrZ/

任何建议都会很棒!

google-maps overlay projection labels d3.js

1
推荐指数
1
解决办法
1147
查看次数

标签 统计

d3.js ×1

google-maps ×1

labels ×1

overlay ×1

projection ×1