当前位置: 首页 > article >正文

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


http://www.kler.cn/news/289174.html

相关文章:

  • 【深度学习 CV方向】图像算法工程师 职业发展路线,以及学习路线
  • SSMA for MySQL 将MySQL数据导入SqlServer
  • Xilinx FFT IP使用
  • 【流式输出】LangChain流式输出的概念
  • Python教程:使用 Python 和 PyHive 连接 Hive 数据库
  • windows核心编程,纤程使用---->UNIX服务器应用程序移植到Windows中
  • 在更新python虚拟环境pip版本时,由于更新失败导致pip丢失的修复
  • GD - EmbeddedBuilder - 给已有工程换MCU
  • 【IPV6从入门到起飞】2-1 获取你的IPV6(手机、CPE等)
  • LVS Keepalived nginx haproxy 区别
  • 设计模式-原型适配器桥接外观
  • 基于大数据分析景区消费行为影响因素研究【消费等级预测、携程,去哪网数据抓取】
  • 亿图图示下载安装教程EdrawMax Pro 13版超详细图文教程
  • 前端面试:webSocket如何兼容低浏览器?
  • 安防监控视频平台LntonAIServer视频智能分析平台新增视频质量诊断功能
  • 机器学习数学公式推导之降维
  • Python加载 TorchScript 格式的 ResNet18 模型分类该模型进行预测并输出预测的类别和置信度
  • 【运维监控】prometheus+node exporter+grafana 监控linux机器运行情况(2)
  • 【wsl2】从C盘迁移到G盘
  • redroid搭建云手机学习笔记(一)
  • C++ ─── List的模拟实现
  • django orm的Q和~Q的数据相加并不一定等于总数
  • Golang | Leetcode Golang题解之第380题O(1)时间插入、删除和获取随机元素
  • [SDK]-按钮静态文本与编辑框控件
  • Vue-cli的使用
  • MySQL三大日志详解
  • 【区块链 + 房产建筑】透明建造系统 | FISCO BCOS应用案例
  • Windows安装docker,启动ollama运行open-webui使用AIGC大模型写周杰伦歌词
  • Unity实战案例 2D小游戏HappyGlass(模拟水珠)
  • 解剖学上合理的分割:通过先验变形显式保持拓扑结构|文献速递--基于深度学习的医学影像病灶分割