vue-tianditu useApiLoader plugins的使用

Vue-Tianditu 是一个基于 Vue.js 的天地图组件库。在 Vue-Tianditu 中，使用 useApiLoader 插件可以方便地加载天地图 JavaScript API。

使用 useApiLoader 插件需要先安装 Vue-Tianditu：

npm install vue-tianditu --save

然后在 Vue 项目中引入 Vue-Tianditu：

import Vue from 'vue'
import VueTianditu from 'vue-tianditu'

Vue.use(VueTianditu)

接下来，在组件中使用 useApiLoader 插件：

<template>
  <div>
    <tianditu-map
      v-if="isApiLoaded"
      :options="options"
    ></tianditu-map>
  </div>
</template>

<script>
export default {
  data () {
    return {
      isApiLoaded: false,
      options: {
        center: [116.3975, 39.9087],
        zoom: 10
      }
    }
  },
  mounted () {
    this.$tiandituApiLoader.load(() => {
      this.isApiLoaded = true
    })
  }
}
</script>

在上面的代码中，我们定义了一个 TiandituMap 组件，并使用了 useApiLoader 插件。在 mounted 钩子中，使用 $tiandituApiLoader.load() 方法加载天地图 JavaScript API，加载完成后将 isApiLoaded 设置为 true，这样 TiandituMap 组件就可以正常显示了。

注意，在使用 useApiLoader 插件之前，需要先在天地图开发者中心申请账号，并创建应用，获取应用的 key。然后在 Vue 项目中配置天地图的 key：

Vue.use(VueTianditu, {
  key: 'your-tianditu-key'
})

这样就可以愉快地使用 Vue-Tianditu 了。