2024-12-09 06:44:52 +00:00
|
|
|
<script setup>
|
|
|
|
|
// import { useBase } from '../BaseMB/hooks/base'
|
|
|
|
|
|
|
|
|
|
// const { addBaseFacilities } = useBase()
|
|
|
|
|
|
|
|
|
|
onMounted(() => {
|
|
|
|
|
window.viewer = new Cesium.Viewer('earth-container', {
|
|
|
|
|
selectionIndicator: false,
|
|
|
|
|
animation: false,
|
|
|
|
|
baseLayerPicker: false,
|
|
|
|
|
geocoder: false,
|
|
|
|
|
timeline: false,
|
|
|
|
|
sceneModePicker: false,
|
|
|
|
|
navigationHelpButton: false,
|
|
|
|
|
infoBox: false,
|
|
|
|
|
fullscreenButton: false,
|
|
|
|
|
homeButton: false,
|
|
|
|
|
imageryProvider: new Cesium.UrlTemplateImageryProvider({
|
2024-12-19 06:48:14 +00:00
|
|
|
url: 'http://192.168.10.201:2022/api/maptilecache/service/tms/1.0.0/img_globle1to9-PNG-4326@EPSG:4326@png/{z}/{x}/{reverseY}.png',
|
|
|
|
|
// url: 'js/Cesium/Assets/Textures/NaturalEarthII/{z}/{x}/{reverseY}.jpg',
|
|
|
|
|
// url: 'GV/resources/theme/earthTheme/{z}/{x}/{y}.jpg',
|
2024-12-09 06:44:52 +00:00
|
|
|
tilingScheme: new Cesium.GeographicTilingScheme(),
|
|
|
|
|
}),
|
|
|
|
|
|
|
|
|
|
// imageryProvider: false,
|
|
|
|
|
})
|
|
|
|
|
viewer.camera.setView({
|
|
|
|
|
destination: Cesium.Cartesian3.fromDegrees(117.48, 30.67, 15500000.0),
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
viewer.clock.shouldAnimate = true
|
|
|
|
|
viewer.scene.globe.enableLighting = true
|
|
|
|
|
|
|
|
|
|
if (Cesium.FeatureDetection.supportsImageRenderingPixelated()) {
|
|
|
|
|
console.log('window.devicePixelRatio', window.devicePixelRatio)
|
|
|
|
|
viewer.resolutionScale = window.devicePixelRatio
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 开启抗锯齿
|
|
|
|
|
viewer.scene.postProcessStages.fxaa.enabled = true
|
2024-12-19 06:48:14 +00:00
|
|
|
viewer.scene.skyBox = new Cesium.SkyBox({
|
|
|
|
|
sources: {
|
|
|
|
|
positiveX: 'GV/resources/theme/skyBox/PositiveX.jpg',
|
|
|
|
|
negativeX: 'GV/resources/theme/skyBox/NegativeX.jpg',
|
|
|
|
|
positiveY: 'GV/resources/theme/skyBox/PositiveY.jpg',
|
|
|
|
|
negativeY: 'GV/resources/theme/skyBox/NegativeY.jpg',
|
|
|
|
|
positiveZ: 'GV/resources/theme/skyBox/PositiveZ.jpg',
|
|
|
|
|
negativeZ: 'GV/resources/theme/skyBox/NegativeZ.jpg',
|
|
|
|
|
},
|
|
|
|
|
})
|
2024-12-09 06:44:52 +00:00
|
|
|
// viewer.scene.globe.depthTestAgainstTerrain = true
|
|
|
|
|
|
|
|
|
|
// addBaseFacilities()
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<div
|
|
|
|
|
id="earth-container"
|
|
|
|
|
class="absolute top-0 left-0 bottom-0 right-0"
|
|
|
|
|
></div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
|
.cesium-widget-credits {
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
