1、安装cesium-navigation

npm i cesium-navigation-es6 -S

2、引入

import CesiumNavigation from 'cesium-navigation-es6'

3、配置全局变量

Vue.prototype.CesiumNavigation = CesiumNavigation

4、使用

在初始化cesium界面时使用。

        let options = {};// 用于在使用重置导航重置地图视图时设置默认视图控制。接受的值是Cesium.Cartographic 和 Cesium.Rectangle.options.defaultResetView = Rectangle.fromDegrees(80, 22, 130, 50);// 用于启用或禁用罗盘。true是启用罗盘，false是禁用罗盘。默认值为true。如果将选项设置为false，则罗盘将不会添加到地图中。options.enableCompass= true;// 用于启用或禁用缩放控件。true是启用，false是禁用。默认值为true。如果将选项设置为false，则缩放控件将不会添加到地图中。options.enableZoomControls= true;// 用于启用或禁用距离图例。true是启用，false是禁用。默认值为true。如果将选项设置为false，距离图例将不会添加到地图中。options.enableDistanceLegend= true;// 用于启用或禁用指南针外环。true是启用，false是禁用。默认值为true。如果将选项设置为false，则该环将可见但无效。options.enableCompassOuterRing= true;new CesiumNavigation(viewer, options)// CesiumNavigation(viewer, options)

注意：如若写成 CesiumNavigation(viewer, options)则会报错：Cannot set properties of undefined (setting 'terria')，要将CesiumNavigation(viewer, options)实例化new CesiumNavigation(viewer, options)。

Vue加载cesium指南针插件cesium-navigation相关推荐

vue 加载页面时触发时间_解析Vue项目的四个方面优化
在本篇文章里我们给大家整理了一篇关于优化VUE项目的四个总要点,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. 运行时优化 1.使用v-if代替v ...
vue加载视频流，实现直播功能
文章目录前言一.视频流是什么? 二.vue加载rtmp视频流 1.方法一:video.js 2.方法二:ckplayer 三.vue加载hls视频流 1.index.html中 2.video-p ...
imagesLoaded-检测图片是否正确加载的js插件
简要教程 imagesLoaded是一款用于检测页面中的图片是否被加载的js插件.imagesLoaded是非常有用的插件,当你的页面中某幅图片没有被加载时,默认会显示一个红叉或图片alt文本,ima ...
H323plus的学习使用（3）——加载H.264插件
H323plus的学习使用(3)--加载H.264插件在h323plus的学习中,总是调试simple以尝试h323plus的能力集,在simple视频聊天中提到了一个关于ptlib插件的环境变量的 ...
无法加载身份验证插件“ caching_sha2_password”
本文翻译自:Authentication plugin 'caching_sha2_password' cannot be loaded I am connecting MySQL - 8.0 wit ...
Vue 加载 SVG 图片文件
Vue 加载 SVG 图片文件 /svg/icons.js export default {// LOGOlogo: require('./logo.svg'),logo_content: requi ...
【亲自验证】Navicat连接MySql提示无法加载身份验证插件“缓存_sha2_密码”？
Navicat连接MySql提示无法加载身份验证插件"缓存_sha2_密码" [1]首先登录MySql(见下图) [2]管理员身份运行CMD(见下图) [3]如图所示 [4]Nav ...
pace.js网页自动加载进度条插件-好东西
pace.js – 网页自动加载进度条插件源码地址 https://github.com/HubSpot/pace 入Pace.js以及主题文件 Pace.js公开的API列表, Pace.star ...
[UE]模块无法被加载，因此插件加载失败。可能存在系统错误，或模块未能正确设置
[UE]模块无法被加载,因此插件加载失败.可能存在系统错误,或模块未能正确设置可能原因可能原因动态库丢失
vue 加载image图片不显示解决
vue 加载image图片不显示解决------------写了个vue的demo(自己做一个表格,可以横向增加列也可以纵向增加行)想给demo加图片怎么都出不来,,,,,查图片太大?加载位置不对?配 ...

Vue加载cesium指南针插件cesium-navigation

1、安装cesium-navigation

2、引入

3、配置全局变量

4、使用

Vue加载cesium指南针插件cesium-navigation相关推荐

最新文章

热门文章