基于vue和Cesium，在地图上添加一个点，并做标注。

你可以使用Cesium的Entity API来实现在地图上添加点并做标注，具体步骤如下：

1. 安装cesium和vue-cesium

npm install cesium vue-cesium --save

2. 在Vue组件中引入cesium和vue-cesium

import VueCesium from 'vue-cesium'
import 'cesium/Build/Cesium/Widgets/widgets.css'

export default {
  name: 'Map',
  components: {
    VueCesium
  },
  data () {
    return {
      viewer: null,
      entities: null
    }
  },
  mounted () {
    this.viewer = this.$refs.vueCesium.getCesiumViewer()
    this.entities = this.viewer.entities
  }
}

3. 在mounted钩子函数中获取Cesium Viewer对象和Entity集合对象

4. 创建一个Entity对象，设置其位置和标注信息

var point = this.entities.add({
  position: Cesium.Cartesian3.fromDegrees(longitude, latitude),
  point: {
    pixelSize: 10,
    color: Cesium.Color.RED
  },
  label: {
    text: '这是一个点',
    font: '12pt Arial',
    style: Cesium.LabelStyle.FILL_AND_OUTLINE,
    fillColor: Cesium.Color.YELLOW,
    outlineColor: Cesium.Color.BLACK,
    outlineWidth: 2,
    horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
    verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
    pixelOffset: new Cesium.Cartesian2(0, -9)
  }
})

5. 将Entity对象添加到Entity集合中

this.entities.add(point)

完整代码示例：

<template>
  <div>
    <vue-cesium ref="vueCesium" />
  </div>
</template>

<script>
import VueCesium from 'vue-cesium'
import 'cesium/Build/Cesium/Widgets/widgets.css'

export default {
  name: 'Map',
  components: {
    VueCesium
  },
  data () {
    return {
      viewer: null,
      entities: null
    }
  },
  mounted () {
    this.viewer = this.$refs.vueCesium.getCesiumViewer()
    this.entities = this.viewer.entities

    var longitude = 116.39
    var latitude = 39.90

    var point = this.entities.add({
      position: Cesium.Cartesian3.fromDegrees(longitude, latitude),
      point: {
        pixelSize: 10,
        color: Cesium.Color.RED
      },
      label: {
        text: '这是一个点',
        font: '12pt Arial',
        style: Cesium.LabelStyle.FILL_AND_OUTLINE,
        fillColor: Cesium.Color.YELLOW,
        outlineColor: Cesium.Color.BLACK,
        outlineWidth: 2,
        horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
        verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
        pixelOffset: new Cesium.Cartesian2(0, -9)
      }
    })

    this.entities.add(point)
  }
}
</script>