代码拉取完成,页面将自动刷新
这是一个基于cesium-navigation-es6 迁移的仓库。但是原作者仅提供es6
模式下的引用,需要npm
安装。我使用rollup
重新编译了原作者的release。去掉了dev
依赖。dist
中内容为编译产物。可以直接引用。
demo在这里(受到带宽限制,加载可能略慢)
如果不能看,可以看原作者的
感谢原作者的源码。
去掉了 dev模式下registerKnockoutBindings
的依赖。
在src目录添加cesium文件夹。内部默认导出window.Cesium
,所以打包生产的CesiumNavigation.umd.js
依赖Cesium环境,需要在html中手动引入
如果你的Cesium没有挂载在window下,那么修改src/cesium/Cesium.js
,改为你对应的引用,然后运行npm run build
在html文件中引用Cesium和Cesium必要样式表
在html文件中引用CesiumNavigation.umd.js
和cesium-navigation.css
初始化viewer 调用 CesiumNavigation.umd(viewer, options)
var viewer = new Cesium.Viewer('cesiumContainer', {
imageryProvider: false,
baseLayerPicker: false,
timeline: false,
infoBox: false,
navigationHelpButton: false,
fullscreenButton: false,
animation: false,
geocoder: false,
homeButton: false,
sceneModePicker: false
});
var options = {};
// 用于在使用重置导航重置地图视图时设置默认视图控制。接受的值是Cesium.Cartographic 和 Cesium.Rectangle.
options.defaultResetView = Cesium.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;
CesiumNavigation.umd(viewer, options);
npm run build
本人博客,欢迎来这里提问或者讨论问题。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。