通过请求获取到模型, 如何动态渲染到primitive上？

[kankantian]

我尝试了下异步添加primitive, 不过有报错，是否要在onModelsReady中做什么处理？

<template v-for="model in addModels" :key="model">
  <vc-primitive :appearance="appearance" :asynchronous="true" @ready="onModelsReady">
    <template v-for="item in model" :key="item">
      <vc-geometry-instance :id="item.id" :geometry="item.geometry" :attributes="item.attributes">
      </vc-geometry-instance>
    </template>
  </vc-primitive>
</template>

const onModelsReady: any = ({ cesiumObject: model, viewer }) => {
}）

[zouyaoji]

你都是些啥模型，确定是用geometry渲染吗？
一般很少多个geometry挂到一个primitive的，可以试试用多个primitive。

[kankantian]

是可以用geometry渲染，我用cesium官网案例加载又可以， 我调整了下代码：

<template v-for="model in addModels" :key="model">
  <vc-primitive v-for="item in model" :appearance="appearance" :asynchronous="true" @ready="onModelsReady" :key="item">
    <vc-geometry-instance :id="item.id" :geometry="item.geometry" :attributes="item.attributes">
    </vc-geometry-instance>
  </vc-primitive>
</template>

具体的交互式是：当我勾选显示模型的时候， 发出请求， 然后动态添加模型, 获取模型的异步请求如下：

GetModel(params).then((res) => {
   addModels.value.push(res.data)
})

报下面这个错误：

看报错， 大致原因应该是异步渲染的问题，但是不知道如何解决

[zouyaoji]

你空了在官方沙盒写个例子发出来我看看官网案例咋弄的。

[kankantian]

解决了， 这里不能使用响应式对象， 我将addModels声明称普通对象就好了

[kankantian]

自定义加载Geometry实例的方法如何：

function addMesh(mesh) {
    const { positions, indexs, colors, id } = mesh
    const geometry = new Cesium.Geometry({
      attributes: {
        position: new Cesium.GeometryAttribute({
          componentDatatype: Cesium.ComponentDatatype.DOUBLE,
          componentsPerAttribute: 3,
          values: new Float64Array(positions),
        }),
        color: new Cesium.GeometryAttribute({
          componentDatatype: Cesium.ComponentDatatype.FLOAT,
          componentsPerAttribute: 4,
          normalize: true,
          values: new Float32Array(colors),
        }),
      },
      indices: new Uint16Array(indexs),
      primitiveType: Cesium.PrimitiveType.TRIANGLES,
      boundingSphere: Cesium.BoundingSphere.fromVertices(positions),
    })

    const instance = new Cesium.GeometryInstance({ geometry, id })
    let instancePrimitive = new Cesium.Primitive({
      geometryInstances: instance,
      appearance: new Cesium.PerInstanceColorAppearance({
        flat: true,
      }),
      asynchronous: false,
      allowPicking: true,
    })
    viewer.scene.primitives.add(instancePrimitive)

  }

[kankantian]

咦 官网上的案例都看不了了 都是灰的 https://zouyaoji.top/vue-cesium/#/zh-CN/component/vc-viewer

[zouyaoji]

清缓存 或者 CTRL+F5 强制刷新一下

[kankantian]

不行， 换个电脑，换了浏览器都不行！