ArcGIS JS 4.x 导入3D模型

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

效果图:

​

实现步骤:

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

​

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以上执行地图操作(移动，缩放)基本上会有点不流畅。