我用了vue-cesium组件，绘制风场时报错

[TXF20011121]

错误信息：Width must be less than or equal to the maximum texture size (0). Check maximumTextureSize.

[KmjKoishi]

错误信息：Width must be less than or equal to the maximum texture size (0). Check maximumTextureSize.

试下手动引入并且创建

[TXF20011121]

错误信息：宽度必须小于或等于最大纹理大小 （0）。检查 maximumTextureSize。

试下手动引入并且创建

<vc-viewer @ready="onViewerReady">

const cesiumRef = ref()
const viewerRef = ref<Cesium.Viewer>()
const windInstance = ref<CesiumWind | null>(null);
const onViewerReady = async ({ Cesium, viewer }: VcReadyObject) => {
cesiumRef.value = Cesium
viewerRef.value = viewer
}
const windRun = () => {
const viewer = viewerRef.value;
if (!viewer) return;
windInstance.value = new WindLayer(viewer, wind, {
colors: [ // 风速颜色梯度配置（从低到高）
'rgb(247, 247, 250)',
'rgb(61, 110, 163)',
'rgb(74, 148, 170)',
'rgb(74, 146, 148)',
'rgb(77, 142, 124)',
'rgb(76, 164, 76)',
'rgb(103, 164, 54)',
'rgb(162, 135, 64)',
'rgb(162, 109, 92)',
'rgb(141, 63, 92)',
'rgb(151, 75, 145)',
'rgb(95, 100, 160)',
'rgb(91, 136, 161)',
],
particlesTextureSize: 50, // 粒子系统的纹理大小
particleHeight: 1000, // 粒子距地面高度
lineWidth: { min: 1, max: 2 }, // 粒子轨迹宽度范围
lineLength: { min: 10, max: 50 }, // 粒子轨迹长度范围
speedFactor: 0.1, // 速度倍数
dropRate: 0.003, // 粒子消失率
dropRateBump: 0.001, // 慢速粒子的额外消失率
flipY: false, // 是否翻转 Y 坐标
domain: undefined, // 速度渲染范围
displayRange: undefined, // 速度显示范围
dynamic: true // 是否启用动态粒子动画
});
windInstance.value.zoomTo()
};

这是我的部分代码，我是这样写的就会报错，我该如何做，能否提供一个示例

[KmjKoishi]

错误信息：宽度必须小于或等于最大纹理大小 （0）。检查 maximumTextureSize。

试下手动引入并且创建

<vc-viewer @ready="onViewerReady">

const cesiumRef = ref() const viewerRef = ref<Cesium.Viewer>() const windInstance = ref<CesiumWind | null>(null); const onViewerReady = async ({ Cesium, viewer }: VcReadyObject) => { cesiumRef.value = Cesium viewerRef.value = viewer } const windRun = () => { const viewer = viewerRef.value; if (!viewer) return; windInstance.value = new WindLayer(viewer, wind, { colors: [ // 风速颜色梯度配置（从低到高） 'rgb(247, 247, 250)', 'rgb(61, 110, 163)', 'rgb(74, 148, 170)', 'rgb(74, 146, 148)', 'rgb(77, 142, 124)', 'rgb(76, 164, 76)', 'rgb(103, 164, 54)', 'rgb(162, 135, 64)', 'rgb(162, 109, 92)', 'rgb(141, 63, 92)', 'rgb(151, 75, 145)', 'rgb(95, 100, 160)', 'rgb(91, 136, 161)', ], particlesTextureSize: 50, // 粒子系统的纹理大小 particleHeight: 1000, // 粒子距地面高度 lineWidth: { min: 1, max: 2 }, // 粒子轨迹宽度范围 lineLength: { min: 10, max: 50 }, // 粒子轨迹长度范围 speedFactor: 0.1, // 速度倍数 dropRate: 0.003, // 粒子消失率 dropRateBump: 0.001, // 慢速粒子的额外消失率 flipY: false, // 是否翻转 Y 坐标 domain: undefined, // 速度渲染范围 displayRange: undefined, // 速度显示范围 dynamic: true // 是否启用动态粒子动画 }); windInstance.value.zoomTo() };

这是我的部分代码，我是这样写的就会报错，我该如何做，能否提供一个示例

我与你遇到的问题一样，你可以尝试构建源码后使用JS引入，如果你解析出的风场数据格式与WindLayer不符，则也要将数据转成符合WindLayer的格式，经过这样的处理我最终成功出来了，至于代码，我与你的基本一样。

[TXF20011121]

错误信息：宽度必须小于或等于最大纹理大小 （0）。检查 maximumTextureSize。

试下手动引入并且创建

<vc-viewer @ready=“onViewerReady”>
const cesiumRef = ref（） const viewerRef = ref<Cesium.Viewer>（） const windInstance = ref<CesiumWind |空>（空）;const onViewerReady = async （{ Cesium， viewer }： VcReadyObject） => { cesiumRef.value = Cesium viewerRef.value = viewer } const windRun = （） => { const viewer = viewerRef.value; if （！） viewer） 返回; windInstance.value = new WindLayer（viewer， wind， { colors： [ // 风速颜色梯度配置（从低到高） 'rgb（247， 247， 250）'， 'rgb（61， 110， 163）'， 'rgb（74， 148， 170）'， 'rgb（74， 146， 148）'， 'rgb（77， 142， 124）'， 'rgb（76， 164， 76）'， 'rgb（103， 164， 54）'， 'rgb（162， 135， 64）'， 'rgb（162， 109， 92）'， 'rgb（141， 63， 92）'， 'rgb（151， 75， 145）'， 'rgb（95， 100， 160）'， 'rgb（91， 136， 161）'， ]， particlesTextureSize： 50， // 粒子系统的纹理大小 particleHeight： 1000， // 粒子距地面高度 lineWidth： { min： 1， max： 2 }， // 粒子轨迹宽度范围 lineLength： { min： 10， max： 50 }， // 粒子轨迹长度范围 speedFactor： 0.0 1， // 速度倍数 dropRate： 0.003， // 粒子消失率 dropRateBump： 0.001， // 慢速粒子的额外消失率 flipY： false， // 是否翻转 Y 坐标 domain： undefined， 速度渲染范围 displayRange： undefined， // 速度显示范围 dynamic： true // 是否启用动态粒子动画 }）;windInstance.value.zoomTo（） };
这是我的部分代码，我是这样写的就会报错，我该如何做，能否提供一个示例

我与你遇到的问题一样，你可以尝试构建源码后使用JS引入，如果你解析出的风场数据格式与WindLayer不符，则也要将数据转成符合WindLayer的格式，经过这样的处理我最终成功出来了，至于代码，我与你的基本一样。

感谢你的回复，但是我依旧失败了

这个是构建完的文件 import { WindLayer } from '@/utils/dist/index';我这样引入 请问您是这样的吗？

[KmjKoishi]

错误信息：宽度必须小于或等于最大纹理大小 （0）。检查 maximumTextureSize。

试下手动引入并且创建

<vc-viewer @ready=“onViewerReady”>
const cesiumRef = ref（） const viewerRef = ref<Cesium.Viewer>（） const windInstance = ref<CesiumWind |空>（空）;const onViewerReady = async （{ Cesium， viewer }： VcReadyObject） => { cesiumRef.value = Cesium viewerRef.value = viewer } const windRun = （） => { const viewer = viewerRef.value; if （！） viewer） 返回; windInstance.value = new WindLayer（viewer， wind， { colors： [ // 风速颜色梯度配置（从低到高） 'rgb（247， 247， 250）'， 'rgb（61， 110， 163）'， 'rgb（74， 148， 170）'， 'rgb（74， 146， 148）'， 'rgb（77， 142， 124）'， 'rgb（76， 164， 76）'， 'rgb（103， 164， 54）'， 'rgb（162， 135， 64）'， 'rgb（162， 109， 92）'， 'rgb（141， 63， 92）'， 'rgb（151， 75， 145）'， 'rgb（95， 100， 160）'， 'rgb（91， 136， 161）'， ]， particlesTextureSize： 50， // 粒子系统的纹理大小 particleHeight： 1000， // 粒子距地面高度 lineWidth： { min： 1， max： 2 }， // 粒子轨迹宽度范围 lineLength： { min： 10， max： 50 }， // 粒子轨迹长度范围 speedFactor： 0.0 1， // 速度倍数 dropRate： 0.003， // 粒子消失率 dropRateBump： 0.001， // 慢速粒子的额外消失率 flipY： false， // 是否翻转 Y 坐标 domain： undefined， 速度渲染范围 displayRange： undefined， // 速度显示范围 dynamic： true // 是否启用动态粒子动画 }）;windInstance.value.zoomTo（） };
这是我的部分代码，我是这样写的就会报错，我该如何做，能否提供一个示例

我与你遇到的问题一样，你可以尝试构建源码后使用JS引入，如果你解析出的风场数据格式与WindLayer不符，则也要将数据转成符合WindLayer的格式，经过这样的处理我最终成功出来了，至于代码，我与你的基本一样。

感谢你的回复，但是我依旧失败了

这个是构建完的文件 import { WindLayer } from '@/utils/dist/index';我这样引入 请问您是这样的吗？

您好，或许我可以将我所使用的JS文件通过邮箱发给你，它与你现在所使用的方式别无二致，你可以再次尝试一下，如果还是有问题那可能你遇到的与我不是相同的报错原因，请留下你的邮箱，我将发送JS给你，我的导入方式如下：

[TXF20011121]

我将发送JS给你，我的导入方

1431928519@qq.com
txf15110765243 这是我的微信

[KmjKoishi]

您好，请检查邮箱，已发送。

[TXF20011121]

您好，请检查邮箱，已发送。

谢谢，非常感谢，但是还是报错了，错误信息：Width must be less than or equal to the maximum texture size (0). Check maximumTextureSize.

[TXF20011121]

您好，请检查邮箱，已发送。

我的类型对不上，您是怎么使用的viewer，是在@ready里面还是，定义了一个ref？

[KmjKoishi]

或许你造成错误的原因与我不同，以下是我的框架："vue": "^3.3.11", "vite": "^5.0.10", "vite-plugin-cesium": "^1.2.23","@vitejs/plugin-vue": "^4.5.2", "cesium": "^1.132.0", 至于您最新的问题，我是在vue文件中初始化cesium并赋值给this，然后直接传入cesium-wind-layer中，图中的trJsonData函数你可以不用理会，我的数据源是直接从气象模型中提取的，提取出来的格式不符合cesium-wind-layer预期，trJsonData是转换数据格式的函数：

[TXF20011121]

哈哈，我想您是理解错了，我用的不是纯原生的cesium，我用的是vue-cesium第三方插件（A Vue 3 based component library of CesiumJS for developers | Vue for Cesium），这个插件是封装了cesium的组件，根据我的问题我研究了这个组件，发现该组件缺少部分元素，或许是这个原因导致了我的风场无法实现，我换成原生的cesium实验后可以实现风场而vue-cesium却不可以，感谢您的回复，非常感谢 田晓丰 ***@***.*** &nbsp;

…

------------------&nbsp;原始邮件&nbsp;------------------ 发件人: "hongfaqiu/cesium-wind-layer" ***@***.***&gt;; 发送时间:&nbsp;2025年9月23日(星期二) 上午10:23 ***@***.***&gt;; ***@***.******@***.***&gt;; 主题:&nbsp;Re: [hongfaqiu/cesium-wind-layer] 我用了vue-cesium组件，绘制风场时报错 (Issue #13) KmjKoishi left a comment (hongfaqiu/cesium-wind-layer#13) 或许你造成错误的原因与我不同，以下是我的框架："vue": "^3.3.11", "vite": "^5.0.10", "vite-plugin-cesium": ***@***.***/plugin-vue": "^4.5.2", "cesium": "^1.132.0", 至于您最新的问题，我是在vue文件中初始化cesium并赋值给this，然后直接传入cesium-wind-layer中，图中的trJsonData函数你可以不用理会，我的数据源是直接从气象模型中提取的，提取出来的格式不符合cesium-wind-layer预期，trJsonData是转换数据格式的函数： image.png (view on web) image.png (view on web) — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***&gt;