DoGeo

演示地址

• http://www.daelui.com/daelui/dogeo/demo/index.html

介绍

• DoGeo(Dog Geography) - 狗狗地理，基于Cesium的快速开发库
• 一个基于Cesium的三维地球开发框架，用于快速构建地球模拟和可视化应用
• 集成了罗盘控制、坐标信息相关，可设置地图图层、经纬度、航角、亮度等

软件架构

• Cesium + ElementUI

安装步骤

npm install @daelui/dogeo --save

使用说明

1. npm

<DogeoMap
  @mounted="handleMountMap"
  :options="options"
  ref="dogeoMap"
  class="map-view">
</DogeoMap>

import '@daelui/dogeo/dist/dogeo-map/dogeo-map.css'
import DoGeoMap from '@daelui/dogeo/dist/dogeo-map/dogeo-map.umd.min.js'

export default {
  components: {
    DoGeoMap
  },

  data () {
    return {
      options: {
        layers: [1006, 1008],
        destination: {lng: 116.3905,lat: 39.9084, height: 2000},
        CESIUM_BASE_URL: './assets/cesium/1.95.1/Build/Cesium'
      }
    }
  },

  methods: {
    // 地图加载完成
    handleMountMap ({ viewer } = {}) {
      this.viewer = viewer
      window.viewer = viewer
    }
  }
}

2. script

<link href="../dist/dogeo-map/dogeo-map.css" rel="stylesheet">
<link href="./assets/cesium/1.95.1/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
<link href="./assets/element-ui/2.15.12/lib/theme-chalk/index.css" rel="stylesheet">
<style type="text/css">body{margin:0;padding:0}.view,.dogeo-map{width: 100vw;height:100vh;}</style>

<div class="view">
  <div id="app"></div>
</div>

<script src="./assets/vue/2.7.14/dist/vue.min.js"></script>
<script src="./assets/element-ui/2.15.12/lib/index.js"></script>
<script src="./assets/cesium/1.95.1/Build/Cesium/Cesium.js"></script>
<script>window.vue = window.Vue;window.cesium = window.Cesium</script>
<script src="../dist/dogeo-map/dogeo-map.umd.min.js"></script>
<script>
  const DoGeoComponent = Vue.extend(window.DoGeo)
  new DoGeoComponent({
    propsData: {
      options: {
        CESIUM_BASE_URL: './assets/cesium/1.95.1/Build/Cesium'
      }
    }
  }).$mount('#app')
</script>

本地demo运行

1. 方式一：将dogeo项目放置在web服务器中，访问{host}/dogeo/demo/index.html

2. 方式二：本地安装http-server并启动，打开本地页面，端口以实际输出的为准，例：http://127.0.0.1:8081/demo/index.html

1. npm install http-server
2. cd dogeo
3. http-server .