<template>
    <div class="x-cesium-container">
        <div :id="`xj3d-container${mapKey ? '-' + mapKey : ''}`" :class="['xj3d-container', customClass, { 'xj3d-container-compare-rh': compare }]">
        </div>
    </div>
</template>

<script>
import X_Cesium from './index.js'
export default {
    ...X_Cesium,
    mounted() {
        this.initMap();
    }
}
</script>

<style scoped>
.x-cesium-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.xj3d-container {
    width: 100%;
    height: 100%;
}
</style>


















