大圣请转身-CSDN博客

原创 Cesium绕点飞行

Cesium绕点飞行上代码, 简单点上代码, 简单点 enableRotation(position, hpr) { // this.stopRotation() hpr = hpr || {} let heading = hpr.heading || Cesium.Math.toDegrees(this.viewer.baseViewer.camera.heading) const pitch = hpr.pitch || Cesium.Math.toDegrees(this.view

2021-03-12 09:19:28 1053

原创 cesium 分屏对比多窗同步

不说废话, 代码 // 视图同步 this.leftViewer.eventManager.addCameraMoveListener(e => { if (this.isLeft() && this.synchronous) { const viewPoint = this.leftViewer.getViewPoint() this.rightViewer.baseViewer.camera.setView({ destination: vi

2021-03-03 09:01:08 1714 3

原创 cesium弹窗加强版 cesium弹窗dom连接线

上图1: 创建一个热点基类export default class Hot { /** * @description id * @type {string} */ id = '' /** * 热点绑定的网格id * @type {number} */ modelId = 0 /** * 热点绑定的元素 * @type {string} */ innerHTML = '' /** * 元素 * @type

2021-01-28 11:43:11 1171 1

原创优雅永不过时基于Cesium搭建的sdk 1: 事件管理

Ceisum是一个庞大的三维js库, 为了项目可以快速开发, 我们可以把项目封装成sdk. 可以让项目在公司易于迭代, 公司也不是, Cesium上手有一定的难度, 团队每个成员都会cesium. 所以我们要对cesium 进行功能封装. 首先我们看看事件管理器工具 EventDispatcher/** * https://github.com/mrdoob/eventdispatcher.js/ */function EventDispatcher () {}Object.ass...

2021-01-11 22:03:04 1269 5

原创 vue 项目, 超图在编辑器里没提示 Cesium 在编辑器里没提示

编辑器里, 超图总是没提示, 好烦人好烦人, 咋处理呢? cesium提供了一个ts我们下载好npm i @types/cesium -s-d然后然后在package.json里加上你添加的版本, 编辑器就会去ts里找cesium对象了.

2021-01-04 14:43:36 278

原创 Cesium + vue vue单例跨组件共享Cesium.viewer 解决卡顿掉帧, 放data里也可以屏蔽双向绑定

跨组件共享, 我们可以采用单例模式至于屏蔽双向绑定我们用 Object.freeze static getInstance (container, options, extension) { if (Viewer.instance) { return Object.freeze(Viewer.instance) } else { return Object.freeze(new Viewer(container, op

2020-12-23 14:23:28 1460

原创 arcgis-js-api 与 ts 优雅结合使用 (工厂模式+策略模式)

众所周知, arcgis都是ts开发出来的, 打包出来的东西, 却是一言难尽. 必须得用esri-loader加载. 那么. 有没有办法优雅一点呢? 刚学了3天ts, 和arcgis的我放肆的想到! (代码辣鸡. 欢迎指教谢谢)策略类enum FactoryStrategy { IntegratedMeshLayer = 'esri/layers/IntegratedMeshLayer', Map = 'esri/Map', SceneView = 'esri/views/Sce

2020-12-17 11:18:30 601

原创 cesium弹窗极简版

cesium弹窗极简版不说废话, 拷过去直接就能用<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="viewport" content="width=device-width, initi

2020-11-17 11:17:21 659 4

原创 web-worker使用import web-worker+ES6问题

web-worker使用import web-worker+ES6问题首先type 必须等于 ‘module’new Worker('Worker.js', {type: 'module'})注意: 如果你引入的 ‘Worker.js’ 有任何引入问题. 控制台不会有任何提示web-worker 会在主线程 worker.onerror 执行回调. 但是很遗憾的是. 我找不到报错信息… let worker = new Worker('Worker.js', {typ

2020-07-16 17:54:50 4782

d351064378的博客