|
|
@@ -3,16 +3,27 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import { ref, onMounted, onUnmounted } from 'vue'
|
|
|
+import { ref, onMounted, onUnmounted, getCurrentInstance } from 'vue'
|
|
|
import * as Cesium from 'cesium';
|
|
|
import "cesium/Build/CesiumUnminified/Widgets/widgets.css";
|
|
|
import JYLData from '@/assets/Data/THJYL.json'
|
|
|
+import { color } from 'echarts';
|
|
|
|
|
|
const TDTTK = "d9e7aa2ad204aba6aeedea6f5ab48ed9";
|
|
|
|
|
|
onMounted(() => {
|
|
|
const viewer = new Cesium.Viewer('cesiumContainer', {
|
|
|
timeline: false,
|
|
|
+ baseLayer: false,
|
|
|
+ geocoder: false, // 隐藏搜索框
|
|
|
+ homeButton: false, // 隐藏Home按钮
|
|
|
+ sceneModePicker: false, // 隐藏场景模式选择器
|
|
|
+ navigationHelpButton: false, // 隐藏导航帮助按钮
|
|
|
+ animation: false, // 隐藏动画控件
|
|
|
+ fullscreenButton: false, // 隐藏全屏按钮
|
|
|
+ vrButton: false, // 隐藏VR按钮
|
|
|
+ selectionIndicator: false,
|
|
|
+ infoBox: false,
|
|
|
});
|
|
|
|
|
|
// 定义距离显示条件和缩放属性
|
|
|
@@ -51,6 +62,7 @@ onMounted(() => {
|
|
|
billboard: {
|
|
|
image: '/src/assets/icon/blue.png', // 图标路径
|
|
|
scale: 0.4,
|
|
|
+ color: Cesium.Color.YELLOW,
|
|
|
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
|
|
|
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
|
|
|
distanceDisplayCondition: distanceDisplayCondition,
|
|
|
@@ -58,7 +70,7 @@ onMounted(() => {
|
|
|
},
|
|
|
label: {
|
|
|
text: item.STNM || '未知点',
|
|
|
- font: '16px 微软雅黑',
|
|
|
+ font: '25px 微软雅黑',
|
|
|
fillColor: Cesium.Color.WHITE,
|
|
|
backgroundColor: new Cesium.Color(0.1, 0.1, 0.1, 0.7),
|
|
|
backgroundPadding: new Cesium.Cartesian2(8, 4),
|
|
|
@@ -66,7 +78,6 @@ onMounted(() => {
|
|
|
cornerRadius: 4,
|
|
|
outlineColor: Cesium.Color.BLACK,
|
|
|
outlineWidth: 1,
|
|
|
- style: Cesium.LabelStyle.FILL,
|
|
|
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
|
|
|
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
|
|
|
pixelOffset: new Cesium.Cartesian2(0, -32),
|
baixuanda