- 博客(18)
- 收藏
- 关注
RSS订阅
原创 Cesium动态跟踪Czml数据中的模型并显示到可视范围内
Cesium动态跟踪Czml数据中的模型并显示到可视范围内具体实现方法看如下代码，此方法能实现Czml中有单个模型或多个模型不在用户可视范围内时，通过此方法可直接追踪模型到可视范围内。 data() { return { CzmlDataSource:'',//用来追踪卫星模型的Czml数据源 }; }, methods:{ //获取Czml数据的方法 getCzml(){ //czml：为获取到的
2021-01-19 18:53:08
1588
2
原创 Cesium添加和取消相机跟踪+时间轴暂停和启动+根据name移除CZML数据
Cesium添加和取消相机跟踪+时间轴暂停和启动+根据name移除CZML数据具体实现代码：var viewer = new Cesium.Viewer("cesiumContainer", { terrainProvider: Cesium.createWorldTerrain(), baseLayerPicker: false, shouldAnimate: true,});viewer._cesiumWidget._creditContainer.style.display =
2020-12-02 10:51:30
2114
7
原创 Axure通过javascript伪协议引入Echarts图表,实现动态交互
通过加载javascript脚本的方式动态引入Echarts图表 通过javascript伪协议直接执行ECharts、Highchart的代码，动态引入图表。 Axure支持通过javascript伪协议执行javascript代码，因此可以引入Echarts的js库，然后直接在Axure中执行图表的绘制代码，具体如下：首先，在Axure中插入一个矩形框，作为Echars图表绘制的容器，并命名为test，名字可以自定义。为了和上面对比，下面先画了一个矩形框作为背景。然后插入一个载入时事件（如
2021-01-07 14:25:32
896
1
原创 Cesium加载GeoJSON数据
Cesium加载GeoJSON数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义数据源的一个示例。它加载谷歌的WebGL Globe定义的JSON数据</title> <script src="https://cesium.com/downloads/cesiumjs/releases/1.76/Build/Ce
2021-01-05 17:52:37
2536
原创 Cesium鼠标移入或悬停在某些铯对象上时更改鼠标箭头为手势
添加鼠标移入监听事件，以下为在vue项目中实现：//MapModelClickEvent.js:地图监听工具//鼠标移入监听事件function mouseMoveEvent(viewer, callback){ let han= new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas); han.setInputAction(function(movement) { var pick = viewer.scene.pick(m.
2020-12-11 15:10:18
2042
1
原创 cesium自定义二三维切换
实现源码如下：//viewType：视图类型function setViewType (viewType) { var scene = this.viewer.scene; switch (viewType) { case "三维视图": scene.morphTo3D(0); $(".cesium-sceneModePicker-wrapper").hide(); $(".cesium-scen.
2020-12-11 14:45:58
2338
原创 Cesium-监听地图服务是否加载完成的方法
Cesium-监听地图服务是否加载完成的方法在加载地图服务时添加loading，地图服务加载完成后关闭loading动画，具体代码如下：var helper = new Cesium.EventHelper();helper.add(this.viewer.scene.globe.tileLoadProgressEvent, function (e) { console.log('每次加载地图服务矢量切片都会进入这个回调',e); if (e== 0) { console.log("矢量切
2020-12-09 14:23:43
4770
原创 Cesium改变animation时间轴时区为UTC+8(北京时间)
Cesium改变animation时间轴时区为UTC+8(北京时间)具体实现代码：var viewer = new Cesium.Viewer("cesiumContainer", { terrainProvider: Cesium.createWorldTerrain(), baseLayerPicker: false, shouldAnimate: true,});viewer.animation.viewModel.dateFormatter = DateTimeFormatt
2020-12-01 15:41:32
2697
原创 Cesium 加载czml用相机跟踪实体模型
Cesium 加载czml用相机跟踪实体模型关键步骤：viewer.dataSources.add(Cesium.CzmlDataSource.load(czml)).then(function (ds) { viewer.trackedEntity = ds.entities.getById("KongKeA310");// 用相机跟踪车辆。 // 取消双击事件-追踪该位置 viewer.cesiumWidget.screenSpaceEventHandler.removeInpu
2020-12-01 14:33:25
1280
原创 Cesium绘制多边形polygon并添加label的方法
Cesium绘制polygon并添加label的方法方法1：var viewer = new Cesium.Viewer("cesiumContainer");var redPolygon = viewer.entities.add({ name: "Red polygon on surface", polygon: { hierarchy: Cesium.Cartesian3.fromDegreesArray([-115.0,37.0,-115.0,32.0,-107.0,33.0
2020-11-27 10:53:53
6648
1
原创 vue+cesium cesium数据量太大导致浏览器卡顿解决办法
vue+cesium cesium数据量太大 导致浏览器卡顿 解决办法解决方案 ：不要把任何的cesium对象 放在data中监听,因为在data中的变量 ， vue会劫持数据 ， 导致迟缓。解决过程 ：1.将viewer 挂在到window对象下,window.viewer = viewer;2.项目中用window.viewer来获取viewer对象3.将任何的czml datasourse 都使用var定义 不要放在data里...
2020-11-11 10:20:27
4368
原创 Beyond Compare代码对比工具永久使用方法
永久使用需删除目录下所有：C:\Users***\AppData\Roaming\Scooter Software\Beyond Compare 4
2019-12-23 17:29:05
366
原创 Cesium使用技巧汇总
viewer.scene.postProcessStages.fxaa.enabled = false;//去锯齿 是文字清晰
2019-12-17 17:28:54
766
原创 cesium常用设置
1.移动端加载cesium提高画质if(Cesium.FeatureDetection.supportsImageRenderingPixelated()){ viewer.resolutionScale = window.devicePixelRatio;}2 对cesium帮助按钮内容汉化function navigationHelpButtonLang() { va...
2019-11-19 19:17:28
1936
原创 在vue cli3脚手架创建的项目中使用mui
在assets下新建mui文件夹，把需要引用的外部文件放在这个文件夹中，并且在main.js里添加// 引入 MUI （@表示 src 文件夹）import mui from '@/assets/mui/js/mui.js'import '@/assets/mui/css/mui.css'// 挂载到VUE实例上Vue.prototype.$mui = mui在 babel.conf...
2019-11-18 14:23:16
803
原创 win环境，electron打包时，内存溢出的解决方案
针对electron打包时内存溢出，打包过程报如下错误解决方案1退出了360安全卫士等杀毒软件后，一切症状全部消除。顺利打包成功！解决方案2在package.json中添加如下代码"build": "node --max_old_space_size=8192 .electron-vue/build.js && electron-builder",...
2019-05-10 18:21:40
3738
原创 electron-vue项目，关闭eslint语法检查器
electron-vue无疑是目前国内electron开发过程中，最流行的框架。无数有经验的大佬，无经验的小白，都在往electron-vue这个大坑里面跳。很多小白试着编写了第一行electron代码之后，就会大喊：为什么写的没错，却编译失败啊。大多数情况下，都是因为在初始化electron-vue项目的时候，开启了eslint这个语法检查器。这个eslint是很难缠的，会让很多小白手足无措。...
2019-05-08 09:43:03
4868
转载 vue history模式在nginx下错误的解决方案
原始链接:http://tigerliu.site/2018/10/vue-history/众所周知 vue 默认的路由为 hash 模式，在 URL 上面会带一个#号，然而某些时候并不是我们想要的。如何去掉#号？去掉#号后的一些问题如何处理？下面我们简单探讨下这块内容。使用 history 模式如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 histo...
2019-03-26 15:36:10
1551
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人