zouxin_88的专栏

将下载包html文件夹下webrtcstreamer.js文件和html/libs文件夹下adapter.min.js文件复制到webrtc文件夹下。rtsp地址（html中配置）： rtsp://admin:admin@192.168.43.110:554/stream0。浏览网址（phpstudy中配置）:http://192.168.43.102/webrtc/webrtc.html。在浏览器访问127.0.0.1:8000，点击窗口可以看到本机上各窗口实时状态，点击摄像头可以显示摄像头画面。

1.new Cesium.Viewer中添加。（1）定义MaterialProperty。2. 编写材质，主要分三步。

Billboard在Cesium 3d模式下位置显示正确，但在2d模式下位置显示不正确，刷新不及时。不要设置height和heightReferencen，因为2d模式没有高程。

1.图片的引用路径必须从根目录（即index.html所在的目录）开始，如果使用相对路径，也要返回到根目录再转到对应的目录。2.将shouldAnimate设为true, 才能自动播放动画。

在main.ts中创建一个新的 store 实例。在App.vue中使用。

思路：在::before中设置background-image和opacity。

1.定义变量名称2.在template中使用变量3.在Script代码使用。

注意：startElement, endElement为template中的元素节点，在Vue3中不要使用GetElementById去获取元素节点，而是要使用ref，可以参考我另外一篇。当元素位置变了时，需要更新连接线。LeaderLine官方文档在。2.导出LeaderLine。

今天遇到一个问题，就是在Vue3组件中需要获取template中的元素节点，使用GetElementById返回的却是null，网上查找了好些资料，才发需要使用ref。

【代码】Vue拖拽div移动位置。

运行时前端和后端是两个程序，前端需要时才向后端请求数据。由于是两个程序，这就会出现跨域问题。2.在vite.config.ts中增加代理配置，将http://localhost:80。1.将http://localhost:80（注端口为80时可以省略）替换为api。前端：Vue 3.0 + vite+element plus。比如前端某个地方需要请求的接口如下所示，这时就会报错。最后一个Web项目，采用前后端分离。

7.保存运行，就可以看到按钮了。但是按钮显示不正确，这是index.css导致的。5.在App.vue的<script lang="ts">标签下添加。在App.vue的template标签下添加按钮。8.去掉index.css中的相关内容，现在显示正常了。6.在export default中添加。1.安装Element+Plus。2.在index.html中加入。3.修改main.ts。

5.删除Cesium工程的Assets\Textures\NaturalEarthII下的文件夹1、2，仅保留0和tilemapresource.xml。3.选择影像等级，在【导出设置】中选择导出方式为【导出TMS瓦片】,保存格式为JPEG，坐标投影为【WGS84坐标系经纬度投影】8.打开tilemapresource.xml文件，可以看到只配置到了2级，增加到9级。2.打开软件，从左测选择某个区域，，在地图区双击蓝色区域，开始下载。4.下载结束，得到tiles和tms.xml，发现没有0级。

1.在VS Code中安装Debugger for Firefox插件。5.设置断点开始调试，html中的javasript的代码也可以调试。3. 创建launch.json。编辑并保存launch.json。

【代码】Cesium绘制箭头。