Cesium离线部署navigation插件报错：Develop Error: Mixin is required的解决办法。

最新推荐文章于 2024-03-12 19:57:35 发布

DragonBallSuper

最新推荐文章于 2024-03-12 19:57:35 发布

阅读量2.6k

点赞数 1

分类专栏： Cesium Develop Error: Mixin is requir 错误解决文章标签： Cesium 离线部署 navigation插件 cesium+navigation插件 Develop Error: Mixin is requir

本文链接：https://blog.csdn.net/qq_34504481/article/details/103213999

版权

错误解决同时被 3 个专栏收录

12 篇文章 0 订阅

订阅专栏

Cesium

6 篇文章 1 订阅

订阅专栏

Develop Error: Mixin is requir

2 篇文章 0 订阅

订阅专栏

网上给出的教程一般如下：

Cesium中Navigation导航插件的配置：

之前在别的Cesium的Demo中看到Cesium的导航控件，觉得导航控件非常好用。好奇新的驱动下去Github上看了一下，果然有国外大神写的Navigation导航控件的插件。把源码下载，参照readme文件进行配置，测试可以。现在分享给大家。

一、Github下载Navigation导航的插件

Github地址：https://github.com/alberto-acevedo/cesium-navigation
下载之后文件夹：

文件夹

二、文件配置

之前node环境下的cesium配置基础上。如果没有配置过参考：Cesium本地配置这篇文章。

在文件夹根目录地址栏中输入cmd：

进入cmd命令界面

命令界面

在cmd界面中输入以下两条指令：

npm install
node build.js

稍等一会插件文件夹中多出几个文件：

显示文件

在官网上给出的使用方法：（其中最主要的就是引入viewerCesiumNavigationMixin.js文件）

<head>
  <!-- other stuff -->

  <script src="path/to/Cesium.js"></script>
  <!-- 引入: 因为Cesium导航查看器mixin依赖于铯，所以一定要在cesium之后加载它 -->
  <script src="path/to/standalone/viewerCesiumNavigationMixin.js"></script>

  <!-- other stuff ... -->
</head>

在线引用

三、调用viewerCesiumNavigationMixin.js文件

新建页面，新建Cesium加载方法。新建三维地球。加入下面的代码：

 //开启Navigation导航插件
    $("#addNavigation").bind('click',function(){
        viewer.extend(Cesium.viewerCesiumNavigationMixin, {});
    });

    //释放Navigation导航插件
    $("#removeNavigation").bind('click',function(){
        viewer.cesiumNavigation.destroy();
    });

下面是控制导航控件的代码：

var options = {};
options.defaultResetView = Cesium.Rectangle.fromDegrees(71, 3, 90, 14);
// Only the compass will show on the map
options.enableCompass= true;
options.enableZoomControls= false;
options.enableDistanceLegend= false;
options.enableCompassOuterRing= true;
cesiumViewer.extend(Cesium.viewerCesiumNavigationMixin, options);

离线使用就会报错：

Develop Error: Mixin is required

该怎么办呢？

请看第四步：

四、离线使用需要将步骤二Cesium本地配置中的node_modules文件夹下的Cesium文件中的Cesium.js引入自己所用的html文件中

最后运行就能查看效果：

DragonBallSuper

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
3
评论
Cesium离线部署navigation插件报错：Develop Error: Mixin is required的解决办法。

网上给出的教程一般如下：Cesium中Navigation导航插件的配置：之前在别的Cesium的Demo中看到Cesium的导航控件，觉得导航控件非常好用。好奇新的驱动下去Github上看了一下，果然有国外大神写的Navigation导航控件的插件。把源码下载，参照readme文件进行配置，测试可以。现在分享给大家。一、Github下载Navigation导航的插件Githu...
复制链接

扫一扫