vue3中百度地图插件

你可以使用 Vue3 的生命周期函数，来在组件的 `mounted()` 钩子中初始化百度地图插件，并在 `beforeDestroy()` 钩子中销毁它。以下是一个简单的示例代码：

<template>
  <div id="map"></div>
</template>

<script>
  import BMap from 'BMap'

  export default {
    mounted() {
      // 初始化地图
      const map = new BMap.Map('map')
      const point = new BMap.Point(116.404, 39.915)
      map.centerAndZoom(point, 15)
    },
    beforeDestroy() {
      // 销毁地图
      const map = document.querySelector('#map').__vue__.$map
      map.clearOverlays()
    }
  }
</script>

在这个示例中，我们首先导入了百度地图插件 `BMap`。在 `mounted()` 钩子中，我们初始化了地图，并设置了一个中心点和缩放级别。在 `beforeDestroy()` 钩子中，我们通过 `document.querySelector('#map').__vue__.$map` 获取了地图实例，并调用了 `clearOverlays()` 方法来清除所有覆盖物，从而销毁地图。注意，这里使用了 Vue3 的 `$map` 属性来获取地图实例。