Cesium导航指针放大缩小定位平移详解

一、需求分析

点击按钮可以对地图进行放大缩小,点击重置可以返回原先初始地点,点击指针球可以移动切换不同视角。

二、代码实现

我的版本为

Cesium 1.69 

cesium-navigation-es6 1.1.6  源码有BUG需要更改

安装命令:

npm  cesium-navigation-es6 或者 yarn add npm i cesium-navigation-es6

地图显示实现参考代码:https://blog.csdn.net/qq_17025903/article/details/105072203

在地图上添加导航指针

    let options = {};
    options.defaultResetView = Cesium.Cartographic.fromDegrees(116.384259,39.999645, 1200000.0);
    options.enableCompass= true;
    options.enableZoomControls= true;
    options.enableDistanceLegend= true;
    options.enableCompassOuterRing= true;
    CesiumNavigation(viewer, options);
    viewer.camera.setView({
      destination : Cesium.Cartesian3.fromDegrees(116.397128,39.916527, 1000.0)
    });
    console.log(viewer)

三、实现效果

Cesium导航指针放大缩小定位平移详解_第1张图片

最后附上 cesium-navigation-es6 1.1.6 修改后的源码

链接:https://pan.baidu.com/s/1SyQFZp1G2zYt6mlQtCZzsQ 
提取码:5pe2

你可能感兴趣的:(Cesium快速入门实战,Cesium,Cesium导航,Cesium导航BUG,Cesium指针,Cesium导航定位)