vue加载三维模型

创建项目

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

 

下载SuperMap iClient3D for WebGL产品包

链接:http://support.supermap.com.cn:8090/webgl/download.html

将包中的Cesium文件夹解压出来,放到项目中public文件夹下

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

 

 

引入到项目中

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

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

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

 

 

使用

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

 

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

 

 

效果

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

 

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