Skip to content

指北针导航 ​

加载到场景中 ​

Javascript
viewer.extend(LSGlobe.viewerNavigationMixin);

显示和隐藏 ​

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

放大缩小控件 - 显示隐藏 ​

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

调整控件的位置 ​

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

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

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

示例代码 code ​

code示例地址

Released under the MIT License.