# DoGeo

#### 演示地址
* <a href="http://www.daelui.com/daelui/dogeo/demo/index.html" target="_blank">http://www.daelui.com/daelui/dogeo/demo/index.html</a>


#### 介绍
- 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 .