vue3百度地图使用室内图

要使用百度地图的室内图，需要先获取室内地图的ID和楼层信息。然后在Vue3项目中，可以使用百度地图JavaScript API来加载室内地图，具体步骤如下：

1. 在HTML模板中引入百度地图的JavaScript API：

<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=你的密钥"></script>

其中，ak表示你的百度地图开发者密钥。

2. 在Vue3组件中创建地图容器：

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

3. 在Vue3组件中使用百度地图JavaScript API来加载室内地图：

<script>
export default {
  mounted() {
    // 获取室内地图ID和楼层信息
    const indoorMapId = '室内地图ID';
    const floor = 1;
    
    // 创建地图容器
    const map = new BMap.Map('map-container');
    
    // 加载室内地图
    const indoorMap = new BMap.IndoorMap(map, indoorMapId, {
      renderOptions: {
        indoor: { // 设置室内图显示楼层
          bottomFloor: floor,
          topFloor: floor
        },
        autoViewport: true // 设置自适应视野
      }
    });
  }
};
</script>

其中，BMap是百度地图JavaScript API的命名空间。在上面的代码中，首先获取室内地图的ID和楼层信息，然后创建地图容器，并使用BMap.IndoorMap类来加载室内地图。在renderOptions参数中，可以设置室内图显示的楼层和自适应视野等选项。

需要注意的是，加载室内地图前，需要先引入百度地图的JavaScript API，并且需要在百度地图开发者平台申请密钥。同时，还需要确保室内地图的ID和楼层信息是正确的。