cesium模型纹理替换

一、概述

一个cesium管网项目中，默认情况下，用不同颜色表示不同的管网类型。当点击到对应的管网时，需要动态替换管网的纹理，以达到表达管网流向的目的。

二、替换步骤

1、添加需要替换的图片到Resourc中

 

Cesium.Resource.fetchImage({

          url : './Earth/images/gw/'+name+'.jpg'

      }).then(function(image) {

          gwImgList[name]=image;

      });

由于fetchImage()方法用的异步加载的，所以在使用替换之前最好是先把文件加载完成，比如在系统启动的时候就加载。

2、替换纹理图片

  texture = primitive._rendererResources.textures[0];
  texture.copyFrom(gwImgList[primitive.id.guid.split('_')[0] + '-' + index]);
  texture.generateMipmap();

首先从场景中获取到需要替换纹理的模型，通过primitive._rendererResources.textures[0]获取到模型的texture。其次给texture赋值纹理纹理。再启动texture纹理即可。

当然到这一步只是替换成了一个静态的纹理。需要动态纹理的话，就需要动态的替换，一个定时器去不断更新。

三、注意事项

在做动态替换纹理图片之前， 需要知道原纹理图片的尺寸大小，动态替换纹理图片尺寸大小必须与之一致，否则不会看到任何效果。