# cesium-demo

**Repository Path**: FKLi/cesium-demo

## Basic Information

- **Project Name**: cesium-demo
- **Description**: 使用超图的cesium来实现官网的一些例子，后续会持续更新，仅学习使用！
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-07-25
- **Last Updated**: 2023-04-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @description:
 * @Author: FengKongLi
 * @Date: 2022-07-20 17:48:06
 * @LastEditors: FengKongLi
 * @LastEditTime: 2022-09-22 13:15:05
-->

# cesium-demo

## Project setup

```
npm install
```

### Compiles and hot-reloads for development

```
npm run dev
```

### Compiles and minifies for production

```
npm run build
```
跟cesium有关的变量，最好不要放在data中

重点：添加实体模型的时候，先去官网添加权限

在 Asset Depot 栏 Add

https://cesium.com/ion/assetdepot/354307

主要的模块：Viewer、Scene、Entity DataSourceCollection

DataSourceCollection 主要有三种调用方法：CzmlDataSource  KmlDataSoure    GeoJsonDataSource

相机系统  主要方法：setView flyTo lookAt    viewBoundingSphere
setView 设置相机位置、方向和变换。
flyTo   将相机从当前位置飞到新位置。



```
 const entity = viewer.entities.add({
    name: url,
    position: position,
    orientation: orientation,
    model: {
      uri: url,
     minimumPixelSize: 128,
      maximumScale: 20000,
    },
  });
```

模型中minimumPixelSize属性：为了缩小屏幕模型保持最小大小，如果不设置，缩小地球模型会一直跟着变很小。

```
// 1.影像图
https://webst01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&style=6
// 2.道路纯图
https://wprd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}&scl=1&ltype=2
// 3.道路简图
http://webrd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&size=1&scale=1&style=7
// 4.道路详图
http://webrd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8
// 5.纯道路图
http://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=8&ltype=11
// 6.纯地标图
https://wprd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=8&x={x}&y={y}&z={z}&scl=1&ltype=4
// 7.路网注记图
http://webst01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8

```