再Cesium上创建十个随机的点

创建十个随机的点

如果要创建十个随机的点位的话，我们先来回顾一下如何创建一个固定的点和任意位置的点（具体笔记可以去看第二天）我这里只是展示主要方法

 position: Cesium.Cartesian3.fromDegrees(x, y),
        point: {
          pixelSize: 10,
          color: Cesium.Color.YELLOW,
        },

这里的x，y就是坐标的位置
那么知道了如何创建点位，之后随机点其实也很简单
我先来演示一遍，功能：页面出现一个按钮，点击按钮可以创建十个随机的点位
首先我们创建一个按钮，并给他的@click赋值“ioc”

<button @click="ioc">十个图标</button>

之后我们在methods的方法里面去写内容

ioc() {
      //随机生成十个图标
      //Math.round(Math.random()*5)   // 生成0~5的随机整数
      //随机数函数random（）是生成一个0~1的随机数
      for (let i = 0; i < 10; i++) {
        let x = Math.random() * 100;
        let y = Math.random() * 100;
        earth.czm.viewer.entities.add({
          position: Cesium.Cartesian3.fromDegrees(x, y),
          //一个点，大小是10，颜色是黄色
           point: {
             pixelSize: 10,
             color: Cesium.Color.YELLOW,
           },
          //一个图标，图标的位置是 assets/carmera.png
          //billboard: {
          //image: require("../assets/carmera.png"),
          },
        });

两步，搞定~~·