vue3 + ts 调用百度离线地图

使用Vue3和Typescript调用百度离线地图的方法如下：

1. 首先，从百度地图开放平台获取到地图的离线包文件（offline_mapv_1_2_2.zip），并解压到静态资源文件夹（例如public文件夹）下的地图文件夹内。

2. 在Vue组件的脚本部分，引入百度地图的类型定义文件和地图相关的API：

import { BMap, Map, Point } from 'BMap';

3. 在组件的生命周期钩子中，初始化地图：

export default {
  mounted() {
    this.initMap();
  },
  methods: {
    initMap() {
      const map = new BMap.Map("mapContainer"); // 创建地图实例
      const point = new BMap.Point(116.404, 39.915); // 创建点坐标
      map.centerAndZoom(point, 15); // 初始化地图，设置中心点坐标和地图级别
      
      // 添加离线地图
      const offlineUrl = '/地图文件夹名称/offline_mapv_1_2_2/';
      const tileLayer = new BMap.TileLayer({ transparentPng: true });
      tileLayer.getTilesUrl = function(tileCoord, zoom) {
        const x = tileCoord.x;
        const y = tileCoord.y;
        return `${offlineUrl}${zoom}/${x}/${y}.png`;
      };
      map.addTileLayer(tileLayer);
    }
  }
}

4. 在模板中，添加一个用于显示地图的容器元素：

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

通过以上步骤，我们可以在Vue3中使用Typescript调用百度离线地图，并在相应的容器中展示地图内容。希望以上回答能对您有所帮助。