难者不会会者不难哈
主要就是 材质的偏移，参考这个：例子
https://opensource.icegl.cn/#/plugins/simpleGIS/streamLines

onmounted 调用了几次？

条理有些乱啊
preset="realistic 这个应该是挂 environment的上面的吧

使用了 材质继承
THREE-CustomShaderMaterial

朋友 能不能上个代码? 看图说话嘛？

请给完整的代码
1、引用OrbitControls那一行
2、controlsState具体是什么
最好也带上前后，光这一个看不出问题

401 对应的两个文件 是否在目录中存在。不存在 就把这个ThirdParty目录 以及关联目录 放在这个网站根目录

这个肯定是不对的，您提到的tvt插件中 只接入了 'https://webrd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}' 这个瓦片的接口，说白了，就是拿到图片 画出来。 而行程规划 属于AMap本身的，您还建了一个 container， 是融合不了的
需要考虑从AMap 接口 ，直接拿到行程规划的 路径点集合 再操作

这部分还没例子，这部分其实最重要的是模型，而不是渲染逻辑

给出的代码没足以看出问题。 控制台报的错是生命周期函数的 onUnmounted的 就是释放页面的
你所跟踪你普通页面在跳转路由前，释放内存的地方的问题

<template>
    <mapContainer :center="mapCenter" />
    <TresCanvas id="tresCanvas" ref="tcRef" v-bind="state">
        <TresPerspectiveCamera :fov="60" :near="0.1" :far="1000" />
        <TresAmbientLight :intensity="0.5" />

        <TresMesh :position="[0, 0, 500]">
            <TresBoxGeometry :args="[1000, 1000, 1000]" />
            <TresMeshNormalMaterial />
        </TresMesh>
        
        <!-- 火 -->
        
    <Suspense>
        <fireB :position="[0, 6, 0]" />
    </Suspense>

        <mergeTres :center="mapCenter" />
    </TresCanvas>
</template>
<script setup lang="ts">
import { fireB } from 'PLS/digitalCity'
</script>

稍微学习下 vue3和three 或者看看我们的文档https://docs.icegl.cn/
参考代码目录：
src/plugins/simpleGIS/components/mapBuildingsMoreMeshes.vue

不能直接这样引用。
这部分总的在trescanvas里面的所有标签，会被全部解析在three里面，不能用于vue的一些路由操作。需要用别的方法绕

希望大家踊跃回答哈。
http://opensource.icegl.cn/#/plugins/heatMap/heatmapClick
这个是 基于模型 增加的点击 热力图实例。代码直接参考源码 已更新

https://cientos.tresjs.org/guide/misc/html-component.html的说明中：
sprite true
occlude留空
试试