Spider_wang的博客

Ceisum 的 BillboardGraphics 方法支持加载并显示 jpeg png 等格式的图片资源。实际开发中我们经常会有 GIF 图加载的需求，而 Cesium 没有直接支持 GIF 格式的图片格式，那么怎么加载 GIF 图呢?1.解决思路GIF 图是通过时间轴叠加 N 张图片实现图片的动态变化。因此如果能够通过某种方式将 GIF 图再解构成一张张的图片，并通过 Cesium 的 BillboardGraphics 按照时间顺序更新图片，即能实现 GIF 图的加载！经过调研发现，第三方.

快速开始1.创建放置地图的容器<div id='map'></div>设置样式，使之全屏显示#map { position: absolute; width: 100%; height: 100%;}2.创建全局的Cesium视图对象window.viewer = new Cesium.Viewer('map', { animation...

Cesium官方文档目前只支持全英文，加上大部分资料都是英文的，对于新手有些不太友好。鉴于在学习与工作中的经验，这边分享一些Cesium开发的小知识点和小技巧。1.去除Cesium图标和版本信息如果利用Cesium进行商业开发，那么Cesium的图标最好是要去掉的。viewer._cesiumWidget._creditContainer.style.display = "none"...

Cesium提供了展示三维地形数据的接口，同时也提供了丰富的接口调用。但是由于API文档过于碎片，经过蛮长时间的研究学习，也算是掌握了如何利用Cesium在三维地形上进行标绘。注：示例代码基于Vue框架。1.加载三维地形地图网上可以下载多种高程数据，如果找不到也可以点击这个链接下载免费的数据gscloud.cn。下载好数据之后，调用接口加载地形数据。// 创建地形图层对象let t...

在Ceisum开发中我们常常需要标绘实体，实体主要分为三类：点标（如点、图片、文本、音频、视频等）、线标（如多边形、贝塞尔等复杂曲线）、面标（如面、椭圆、矩形等）。本文主要介绍如何利用Cesium进行面的标绘，其他类似，具体可参考接口文档。注：示例代码基于Vue框架。1.理清标绘逻辑要在地球上标一个面标，那么首先需要开启一个监听器，监听地球的点击事件。点击事件获取点的位置后，应该转换成实...

上文讲的是如何通过Cesium来完成一个实体的标绘，本文介绍如何对实体进行编辑。注：示例代码基于Vue框架。1.思路如果要对一个已经标绘完成的实体进行编辑，那么首先我需要获取到该实体的对象，同时应当生成编辑点进行拖拽编辑。Cesium提供了充分的监听器供我们使用，灵活的使用监听器和接口可以轻松的完成实体的编辑。下面是具体实现：2.初始化变量// 创建监听的handlerthis.h...

之前一直使用Cesium提供的官方插件进行镜头缩放控制，但是该插件居然有几千行代码，这中间包含了很多我用不到的功能。本文介绍如何利用Cesium接口，自定义开发一个简单的镜头缩放的插件。注：示例代码基于Vue框架1.思路要想实现镜头缩放控制，首先我们需要能够获取当前的镜头中心的位置，其次需要能够控制镜头根据指定中心位置和高度进行缩放。所幸的是这些Cesium都提供了接口给我们使用，虽然A...

最近发现Cesium加载瓦片地图数据清晰度很差，特别是地图上的文字加载十分模糊，有的人说是Cesium引擎导致模糊，也有说是浏览器的原因导致模糊。在研究了很久之后，也找到了一些方法能够改善一下地图的清晰度。1.改善实体的文字和图片清晰度viewer.scene.fxaa = false;fxaa确实能够改善文本和图片的清晰度，API文档上fxaa属性的介绍：When true, ena...