cesium vue Entity添加绘制的形状

QQ交流群:607330463 GIS开发技术最强交流群   未经允许 禁止转载  可以参考

目录

 

1.如图所描述

2.代码参考

 3.下载基本的cesium+Vue架子


1.如图所描述

2.代码参考

<template>
  <div id="cesiumContainer"></div>
</template>
<script>
import "cesium/Build/Cesium/Widgets/widgets.css";
import * as Cesium from "cesium";

export default {
  name: "Map",
  mounted() {
    this.init();
  },
  methods: {
    init() {
      var viewer = new Cesium.Viewer("cesiumContainer");
      viewer.entities.add({
        name: "Blue box with black outline",
        position: Cesium.Cartesian3.fromDegrees(-107.0, 40.0, 300000.0),
        box: {
          dimensions: new Cesium.Cartesian3(400000.0, 300000.0, 500000.0),
          material: Cesium.Color.BLUE.withAlpha(0.5),
          outline: true,
          outlineColor: Cesium.Color.BLACK,
        },
      });
      viewer.zoomTo(viewer.entities);
    },
  },
};
</script>
<style lang="scss" scoped>
#cesiumContainer {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
</style>

 3.下载基本的cesium+Vue架子

链接:https://pan.baidu.com/s/1-YIWmg3eZg3x8OzkKfArUw 
提取码:7m8c 

 

猜你喜欢

转载自blog.csdn.net/qq_30430463/article/details/115073092