ArcGIS JS 4.x 导入3D模型

ArcGIS JS 4.11后支持加载GLTF/GLB格式的3D模型了,但是对模型有一定要求,具体可以去官方查看。这种方式其实跟开源三维框架Cesium的加载方式类似,后者是更成熟更强大一点。

效果图:

ArcGIS JS 4.x 导入3D模型_第1张图片

实现步骤:

1.将数据模型保存到项目文件夹。

ArcGIS JS 4.x 导入3D模型_第2张图片

2.使用ArcGIS JS 4.X 创建Graphic,其中Symbol类型为Object3DSymbol。

var point = new Point({
  x: 113.16231,
  y: 23.02195,
  z: 0
})

//模型样式
const symbol = {
  type: "point-3d",
  symbolLayers: [{
    type: "object",
    width: 800, //模型宽度
    height: 300, //模型高度
    resource: {
      href: "./gltf/file.glb"
    },
    heading: 88 //朝向
  }]
}

ArcGIS JS 4.11 已经可以直接在前端加载GLTF格式3D模型而不需要通过使用ArcGIS Pro软件发布服务,但是如果模型的体积对渲染效率影响较大,50M以上执行地图操作(移动,缩放)基本上会有点不流畅。

你可能感兴趣的:(ArcGIS,前端)