指北针导航

加载到场景中

viewer.extend(LSGlobe.viewerNavigationMixin);

显示和隐藏

// true显示， false隐藏
viewer.navigation.container.hidden = false;

放大缩小控件 - 显示隐藏

// true显示， false隐藏
viewer.navigation.navigationViewModel.showControls=false

调整控件的位置

// 指南针控件的位置
$("#navigationDiv .compass").css("left", "200px");

// 放大缩小回中控件的位置
$("#distanceLegendDiv .distance-legend").css("left", "200px");

// 比例尺控件的位置
$("#distanceLegendDiv .distance-legend").css("left", "200px");

示例代码 code

code示例地址