createViewer

初始化一个Viewer或重用现有实例，在当前组件及其后代组件中可以通过useViewer访问。

用法

<script setup lang="ts">
import { createViewer } from 'vesium';
import { shallowRef } from 'vue';
import 'cesium/Build/Cesium/Widgets/widgets.css';

const elRef = shallowRef<HTMLElement>();

createViewer(elRef, {
// ... options
});
</script>

<template>
  <div ref="elRef" class="absolute inset-0" />
</template>

注意

如果在同一个组件中使用useViewer和createViewer：

• useViewer应在createViewer之后调用

• useViewer将优先使用createViewer在当前组件中创建的实例

// 重载1：创建一个新实例，该实例在组件卸载时会自动销毁
const viewer = createViewer(elRef, {
  // ...options
});

// 重载2：注入一个现有实例，该实例在组件卸载时不会自动销毁
const viewer = createViewer(window.viewer);

// 创建实例后，当前组件及其后代组件可以使用useViewer访问该实例
const viewer = useViewer();