vue3中使用supermap icilent3d for cesium
记录从头开始学习supermap icilent3d fro cesium
1.新建vue3项目
npm create vite@latest
添加这个,自动打开浏览器
2.使用supermap icilent3d for Cesium
复制这个Cesium,放到pulibc目录下面
然后分别引入css和js
然后就可以使用了,但是会飘红,不想飘红就在vite.config.ts,加上这句话
declare const Cesium:any
因为我习惯使用scss,所以一起说了
复制里面reset.csss
然后创建文件夹和文件,把刚才复制的丢进reset.scss
然后再index.scss引入
然后main.ts引入
然后在app.vue测试一下
<template>
<div id="cesiumContainer" style="height:500px;width:500px"></div>
</template>
<script setup lang='ts'>
import { ref, reactive, onMounted } from 'vue'
onMounted(()=>
{
var viewer = new Cesium.Viewer('cesiumContainer')
})
</script>
<style scoped lang="scss">
.name
{
background-color: red;
.son
{
background-color: yellow;
}
}
</style>
效果,控制台也没有报错,结束
后续会将每天结果上传至git