使用D3投射地图时出现偏移的问题。
在使用D3.js+ThreeJs开发一个3D地图应用,中心点从高德地图上POI查询获取的,实际上绘制出来的效果并不在设置的中心点上。如图所示:
不太理解是哪一步出现了问题?
代码如下:
lnglatToVector3(lnglat) {
this.projection ||
this.projection = d3.geoMercator()
.center(this.mapCenter)
.scale(200000)
.translate([0,0]);
const [x, y] = this.projection([lnglat[0], lnglat[1]]);
const z = 0;
return [y, x, z]
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论