在webgl中常需要将影像添加到前端加载,现有以下三种加载方式。
一.sci转sci3d,利用插件
1.将影像添加到地图,在图层管理器中对影像右键,点击图层属性,设置背景透明,并保存地图。
2.地图右键,生成地图瓦片,瓦片类型选为栅格瓦片,剖分方式选为全球剖分,图片类型为WEBP,并勾选背景透明。
3.利用sci转sci3d插件(可在超图资源中心下载http://support.supermap.com.cn/DownloadCenter/DownloadPage.aspx?tt=ProductAAS&id=134),对生成的地图瓦片进行转换。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/f941e6863c46c0fd8e029ee1c6cc184a.png#pic_center)
图一 生成地图瓦片
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/f6bbcf22adad6266b8dde254052fa2f0.png#pic_center)
图二 转换工具
注:
1、该转换工具仅支持全球剖分的sci转换为sci3d
2、若源数据(sci)为有矢量数据则需勾选矢量数据复选框
3、勾选转换为webp将增加转换时间,但会减少数据占用空间
4.将转换得到的sci3d添加到球面场景,并保存该工作空间。
5.发布该工作空间,服务类型选为三维服务。
6.在webgl中,以scene.open的方式打开,效果如下。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/fb328b3a20b225d6de1fd3c9bf852868.png#pic_center)
图三 前端加载效果
二.右键地图生成三维缓存
1.将影像导入到数据源中,双击添加到地图并保存,地图右键选择生成三维缓存。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/7cd869f07092e31bf27743df3eae233c.png#pic_center)
图四 影像保存为地图
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b0551a48ac811baf508ac7129c5d390e.png#pic_center)
图五 地图生成三维缓存
2.设置生成三维缓存的参数。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8978e9ea4761c0b8ae8e270bce3b2972.png#pic_center)
图六 设置缓存参数
3.生成三维缓存得到的sci3d添加到场景中,保存场景并保存工作空间,发布该工作空间为三维服务,在iserver浏览效果如下。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8a795af4c88489f16389819268facd0d.png#pic_center)
图七 iserver预览效果
三.Addimageryprovider
通过Addimageryprovider方法直接添加影像,可参考博客
SuperMap iClient3D for WebGL教程(影像篇)-ImageryLayer