es6-cesium-navigation

Cesium 插件，它为 Cesium 地图添加了一个用户友好的指南针，导航器（放大/缩小），以及距离尺度图形用户界面。

在原作者基础上 ES6 化更彻底，方便引用打包后的 Cesium 使用。

示例

• CesiumNavigation

• CesiumNavigation-Demo

快速开始

npm install es6-cesium-navigation --save

使用该库的前提是已经引入了 Cesium.js，如vue-cesium使用方式。

<template>
  <cesium-viewer @ready="ready"></cesium-viewer>
</template>
<script>
  import CesiumNavigation from 'es6-cesium-navigation'
  export default {
    data() {
      return {}
    },
    methods: {
      ready(cesiumInstance) {
        const { Cesium, viewer } = cesiumInstance
        var options = {
          // 用于在使用重置导航重置地图视图时设置默认视图控制。接受的值是经纬度数组[lon,lat,height]或者 rectangle[west,south,east,north]
          defaultResetView: [105, 29.999999999999993, 118, 35],
          // 用于启用或禁用罗盘。true是启用罗盘，false是禁用罗盘。默认值为true。如果将选项设置为false，则罗盘将不会添加到地图中。
          enableCompass: true,
          // 用于启用或禁用缩放控件。true是启用，false是禁用。默认值为true。如果将选项设置为false，则缩放控件将不会添加到地图中。
          enableZoomControls: true,
          // 用于启用或禁用距离图例。true是启用，false是禁用。默认值为true。如果将选项设置为false，距离图例将不会添加到地图中。
          enableDistanceLegend: true,
          // 用于启用或禁用指南针外环。true是启用，false是禁用。默认值为true。如果将选项设置为false，则该环将可见但无效。
          enableCompassOuterRing: true
        }
        let cesiumNavigation = new CesiumNavigation(viewer, options)
      }
    }
  }
</script>

参考

• cesium-navigation-es6

• cesium-navigation