vue加载三维模型

在vue中加载SuperMap iServer中的三维模型

    • 创建项目
    • 下载SuperMap iClient3D for WebGL产品包
    • 引入到项目中
    • 使用
    • 效果

创建项目

我使用的是Vue CLI3,具体创建不再赘述,网上教程很多

下载SuperMap iClient3D for WebGL产品包

链接: 官网
将包中的Cesium文件夹解压出来,放到项目中public文件夹下
vue加载三维模型_第1张图片

引入到项目中

在public文件夹下的index.html中引入Cesium.js和widgets.css

<script src="./Cesium/Cesium.js" type="text/javascript"</script>
<link type="text/css" rel="stylesheet" href="./Cesium/Widgets/widgets.css" />

vue加载三维模型_第2张图片

使用

vue加载三维模型_第3张图片vue加载三维模型_第4张图片

效果

你可能感兴趣的:(vue加载三维模型)