vue-tianditu API加载 useApiLoader的用法

要在Vue项目中使用天地图API，需要通过以下步骤加载API：

1. 在Vue项目中安装天地图API的依赖项。在命令行中运行以下命令：

npm install vue-tianditu

2. 在Vue组件中引入vue-tianditu并定义要使用的API。

import { useApiLoader } from 'vue-tianditu';

export default {
  name: 'MyComponent',
  setup() {
    // 定义要使用的API
    const apiName = 'TDTVecBasic';

    // 加载API
    const { loaded, error } = useApiLoader(apiName);

    return {
      loaded,
      error,
    };
  },
};

3. 在Vue组件的模板中使用已加载的API。

<template>
  <div v-if="loaded">
    <!-- 在这里添加使用API的代码 -->
  </div>
  <div v-else-if="error">
    {{ error }}
  </div>
  <div v-else>
    Loading...
  </div>
</template>

需要注意的是，`useApiLoader`函数返回一个对象，其中`loaded`属性为`true`表示API已加载成功，`error`属性为非空字符串表示加载API时出错。在模板中使用`v-if`和`v-else-if`指令根据API加载状态显示不同的内容。