44 lines
792 B
Vue
44 lines
792 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
|
|
}
|
|
});
|
|
let layer = new YJ.Obj.ArcgisWXImagery(sdk, {
|
|
show: true,
|
|
layer_index: 1
|
|
});
|
|
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>
|
|
@import '../css/gis.scss';
|
|
.ol-map {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: calc(100vh);
|
|
}
|
|
</style>
|