CesiumJS插件开发入门「Mixin」

boyanx3个月前技术教程13

一般来说,“插件”为软件增加了有用的功能。很多软件都支持自定义插件开发,比如QGIS,让广大用户对软件的功能有了极大的丰富。插件由软件的原始开发人员和其他想要扩展软件核心功能的独立用户编写。

1、CesiumJS插件 - Mixin

CesiumJS 引入了所谓的“Mixin”概念来扩展它的特性。我们可以从 CesiumJS API 文档中知道存在许多内置的 Mixin。

众所周知的第三方 CesiumJS Mixin 是“
viewerCesiumNavigationMixin”。它为 CesiumJS 3d 地图用户界面添加了非常有用的指南针、导航器和距离刻度小部件:

使用 Mixin 非常简单。我们只需像这样添加一行代码:

// extend our viewer by the cesium navigaton mixin
viewer.extend(Cesium.viewerCesiumNavigationMixin, {});

那么 CesiumJS 中的 Mixin 是什么?

简而言之,它只不过是一个纯 JavaScript 函数。我们可以从以下 CesiumJS 的源代码中查看:

2、如何制作CesiumJS Mixin?

为了解释如何制作自定义 Mixin,我制作了一个非常简单的 CesiumJS Mixin,用户可以使用它从鼠标位置检查经度和纬度。源代码已在此处发布。

它与CesiumJS Sandcastle 的picking示例非常相似

让我解释一下我的 Mixin 示例。

首先,我们创建一个新的 div 并将其附加到查看器的容器中。

接下来,我们创建 LatlonInspector,它是一个非常简单的带有两个按钮的小部件。

然后我们覆盖查看器的销毁函数,其中我们调用 LatlonInspector 的销毁函数以及查看器的原始销毁函数。

最后,我们使查看器具有 latlonInspector 属性,这有时可能很有用。

其余的代码很容易理解,所以在这里我将忽略它。

我希望你对 CesiumJS Mixin 有一个概念,并且你将来会做出很棒的 CesiumJS Mixin!


原文链接:
http://www.bimant.com/blog/cesiumjs-mixin-dev-tutorial/

标签: js插件

相关文章

Swiper - 免费开源、功能强大的触摸滑动js特效插件

简单配置就能实现手机、PC 网页中滑动、焦点轮播图、tab 切换和触摸导航等大部分功能。js 滑动特效插件Swiper 是一款纯 javascript 打造的滑动特效插件,主要用对移动端 web 开发...

好用的JavaScript客户端PDF插件——jsPDF

介绍和往常一样,jsPDF是一个开源的客户端的PDF解决方案,在之前的文章中已经介绍过几个Web端和PDF相关的库,jsPDF同样是一个不错的客户端PDF引 SDK,你可以通过jsPDF在客户端完成相...

优雅轻量级的网页alert弹窗美化插件 alertify.js

alertify.js是一款用于alert美化的插件,支持弹窗,提示,prompt,confirm等多种方式,并且调用简单,非常适合在项目中使用,也是切图网 qietu.com在前端切图项目中比较常用...

Rainyday.js – 实现雨滴效果JS插件

Rainyday.js 背后的想法是创建一个 JavaScript 库,利用 HTML5 Canvas 渲染一个雨滴落在玻璃表面的动画。Rainyday.js 有功能可扩展的 API,例如碰撞检测和易...

微软新浏览器 Spartan 将支持 JavaScript 扩展,或直接兼容 Chrome 插件

虽然还不确定十六个小时之后微软是不是会公开发布他们的新浏览器 Spartan,但现在看来它值得我们多等一等。Neowin 曾经提到过微软代号为 Spartan 的新浏览器将支持与 Chrome 类似的...

.NET CORE 抛弃IIS后可以做的事:JS调用本地硬件服务插件

在上一篇《.NET CORE 抛弃IIS,超便捷BS系统部署方案》一文中介绍了如何便捷部署BS系统,如果有朋友还不了解的,建议先看我主页的上一篇文章了解下。既然现在我们可以脱离IIS,以windows...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。