vue-tianditu API加载 useApiLoader
时间: 2023-07-06 20:19:40 浏览: 102
如果您使用了 `vue-tianditu` 的 `useApiLoader` 方法,可以通过以下步骤加载天地图API:
1. 安装 `vue-tianditu` 包
您可以使用 npm 或 yarn 安装:
```
npm install vue-tianditu --save
```
```
yarn add vue-tianditu
```
2. 在 Vue 组件中使用 `useApiLoader` 方法
```html
<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>
```
同样地,请注意将`{your key}`替换成您的天地图开发者密钥。
`useApiLoader` 方法将在组件加载时自动加载天地图API,并且只会加载一次。这样就可以使用 `vue-tianditu` 中的组件了。