使用D3投射地图时出现偏移的问题。

在使用D3.js+ThreeJs开发一个3D地图应用,中心点从高德地图上POI查询获取的,实际上绘制出来的效果并不在设置的中心点上。如图所示:

image.png

不太理解是哪一步出现了问题?

代码如下:

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]
}
阅读 2.2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进