vue3 +ts 引入BMapGL

要在Vue 3中使用TypeScript并引入BMapGL，你需要按照以下步骤进行操作：

1. 首先，安装BMapGL库。你可以通过以下命令使用npm进行安装：

npm install vue-baidu-map-gl --save

2. 接下来，在你的Vue组件中引入BMapGL。在需要使用BMapGL的组件中添加以下代码：

// 引入BMapGL
import BMapGL from 'vue-baidu-map-gl';

// 注册BMapGL组件
export default {
  components: {
    BMapGL,
  },
  // ...
}

3. 然后，你可以在模板中使用BMapGL组件。例如，你可以在模板中添加以下代码：

<template>
  <div>
    <BMapGL :ak="yourBMapAK" :zoom="15" :center="{lng: 116.404, lat: 39.915}">
      <!-- 在这里添加其他BMapGL组件或自定义内容 -->
    </BMapGL>
  </div>
</template>

请注意，上面的代码中的`yourBMapAK`应该被替换为你自己的百度地图AK（Access Key），这是使用BMapGL所需要的。

这样，你就可以在Vue 3项目中使用TypeScript并引入BMapGL了。记得在Vue项目的其他地方也要按照相应的方式引入和使用BMapGL。希望对你有帮助！