当前位置: 首页 > 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/a/289174.html

相关文章:

  • 【计算机网络】UDP网络程序
  • Python →爬虫实践
  • 远离生成式AI大乱斗,SAS公司揭示亚太区千亿AI市场蓝图
  • 文件夹被占用了无法删除怎么办?强制粉碎文件夹你可以这样操作
  • [CKS] K8S NetworkPolicy Set Up
  • 【stable diffusion部署】超强AI绘画Stable Diffusion,本地部署使用教程,完全免费使用
  • 【深度学习 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搭建云手机学习笔记(一)