QQ交流群:607330463 GIS开发技术最强交流群 未经允许 禁止转载 可以参考
目录
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