vue-tianditu useApiLoader

`useApiLoader` 是 `vue-tianditu` 中的一个函数，它可以用来加载天地图 API。使用 `useApiLoader` 函数，您可以在组件中轻松地加载天地图 API，而无需手动在 `index.html` 文件中添加 JavaScript 文件。

以下是使用 `useApiLoader` 的示例：

<template>
  <div>
    <tdt-map :key="key" :center.sync="center" :zoom.sync="zoom"></tdt-map>
  </div>
</template>

<script>
import { TdtMap, useApiLoader } from 'vue-tianditu';

export default {
  components: {
    TdtMap
  },
  setup() {
    useApiLoader('{your key}');
    return {
      key: '{your key}',
      center: [119.3, 26.08],
      zoom: 8
    };
  }
}
</script>

在这个例子中，我们在组件的 `setup` 方法中调用了 `useApiLoader` 函数，并传入了我们的天地图开发者密钥。然后，我们在组件的模板中使用 `tdt-map` 组件来显示地图。

`useApiLoader` 函数将自动加载天地图 API，并在加载完成后触发 `window.T && window.T.init` 事件。因此，您可以在组件中监听这个事件，以确保地图 API 已经加载完成。

请注意，`useApiLoader` 函数只会加载一次天地图 API，因此您可以在多个组件中使用它，而不必担心重复加载。