金田CIM三维基础平台 js 接口

DESKTOP-CRQ4N2U\jintian fbc05a1fe9 忽略文件 2 жил өмнө
public 04927dfc90 项目初始化 2 жил өмнө
src 04927dfc90 项目初始化 2 жил өмнө
.gitignore fbc05a1fe9 忽略文件 2 жил өмнө
README.md 04927dfc90 项目初始化 2 жил өмнө
index.html 04927dfc90 项目初始化 2 жил өмнө
jsdoc.json fbc05a1fe9 忽略文件 2 жил өмнө
package-lock.json 04927dfc90 项目初始化 2 жил өмнө
package.json 04927dfc90 项目初始化 2 жил өмнө
vite.config.js 04927dfc90 项目初始化 2 жил өмнө

README.md

$ npm i
$ npm run dev
$ open http://localhost:3000/

下载相应插件

npm install video.js --save
npm install videojs-contrib-hls --save
npm install mux.js

npm install video.js --save  

//播放rtmp流需要的插件
npm install videojs-flash --save 

//flv格式
npm install flv.js --save
npm install videojs-flvjs-es6 --save

//hls格式  video.js7.0以后版本默认支持hls(m3u8)格式  可以不安装,装了也可以使用
npm install videojs-contrib-hls --save

页面引入


import Videojs from 'video.js'
import 'video.js/dist/video-js.css'
import "videojs-flvjs-es6";
import "videojs-flash";

页面引入

npm install jquery --save-dev

热力图

>npm install heatmapjs
>npm install cesium-heatmap
主要步骤:
        1. 确定热力图画布的宽高
        2. 根据热力图显示的经纬度,将点映射到画布对应的位置,并创建热力点
        3. 初始化热力图对象h337,并设置热力点数据
        4. 创建Cesium对象,并将热力图贴到Cesium对象相应的位置