36 lines
641 B
Vue
36 lines
641 B
Vue
|
<template>
|
||
|
|
<div class="ol-map" id="olMap"></div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
// const sdk = ref(null);
|
||
|
|
const createEarth = () => {
|
||
|
|
window.sdk = new YJ.YJEarth('olMap');
|
||
|
|
YJ.Global.setDefaultView(sdk, {
|
||
|
|
destination: { lng: 100, lat: 30, alt: 22099000 },
|
||
|
|
orientation: {
|
||
|
|
heading: 0.0,
|
||
|
|
pitch: -90.0,
|
||
|
|
roll: 0.0
|
||
|
|
}
|
||
|
|
});
|
||
|
|
YJ.Global.CesiumContainer(sdk, {
|
||
|
|
compass: false // 罗盘
|
||
|
|
});
|
||
|
|
new YJ.Tools(sdk).flyHome(0);
|
||
|
|
};
|
||
|
|
|
||
|
|
onMounted(async () => {
|
||
|
|
await YJ.on();
|
||
|
|
createEarth();
|
||
|
|
console.log(YJ);
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.ol-map {
|
||
|
|
width: 100%;
|
||
|
|
height: calc(100vh - 123px);
|
||
|
|
}
|
||
|
|
</style>
|