vue3 Cesium添加罗盘

最新推荐文章于 2024-06-29 15:47:41 发布

m0_63701303

最新推荐文章于 2024-06-29 15:47:41 发布

阅读量844

点赞数 11

分类专栏： cesium 文章标签： arcgis

本文链接：https://blog.csdn.net/m0_63701303/article/details/135267043

版权

cesium 专栏收录该内容

31 篇文章 15 订阅

订阅专栏

本文介绍了如何在项目中通过npm安装cesium-navigation-es6库，并展示了如何设置初始化选项以定制相机行为、控制和提示。通过实例代码展示了如何创建并使用CesiumNavigation组件。

摘要由CSDN通过智能技术生成

安装cesium-navigation-es6

npm install cesium-navigation-es6 --save

初始化添加：


import CesiumNavigation from 'cesium-navigation-es6'  
const options = {
    duration: 1, // 默认为3s 相机延时
    enableCompass: true, //罗盘
    enableZoomControls: true, //缩放
    enableDistanceLegend: true, //比例尺
    enableCompassOuterRing: true, //指南针外环
    // 修改重置视图的tooltip
    resetTooltip: "重置视图",
    // 修改放大按钮的tooltip
    zoomInTooltip: "放大",
    // 修改缩小按钮的tooltip
    zoomOutTooltip: "缩小",
  };
  let thing = new CesiumNavigation(viewer, options);

效果如下：