openlayer6 不传经纬度，添加vue3组件在固定位置，无论地图怎么拖拽都固定在地图左下角

OpenLayer 6 是一个开源的地图库，用于在 Web 应用程序中嵌入交互式地图。如果你想要在 Vue3 中创建一个固定的 Vue 组件，并让它始终位于地图的左下角，不随地图的缩放或拖动而移动，可以采取以下步骤：

1. 首先，在 Vue 组件的模板 (`template` 部分）中设置组件的位置样式，例如通过 CSS 定位（position: fixed）并指定 left 和 bottom 属性为 0，使其固定在屏幕左下角。

<ol-map :view="{ center: [0, 0], zoom: 1 }">
   <!-- 使用 slot 插入其他 OpenLayers 元素 -->
   <template #map>
      <div class="fixed-component" style="position: fixed; left: 0; bottom: 0;">
         <!-- 这里放置你的 Vue 组件内容 -->
      </div>
   </template>
</ol-map>

2. 确保在 CSS 中为 `.fixed-component` 设置宽度和高度，如果需要的话，也可以调整其背景颜色或其他样式。

.fixed-component {
   width: 200px; /* 根据实际需求设置宽度 */
   height: 100px; /* 根据实际需求设置高度 */
   background-color: rgba(0, 0, 0, 0.5); /* 示例背景色 */
}

3. 使用 OpenLayers 的 `load` 或者 `viewChanged` 事件监听地图的变化，但是由于你想让组件固定不动，实际上不需要处理地图的交互，因为它们不会影响这个固定的组件。

注意：虽然组件本身是固定的，但它依赖的 OpenLayers 地图仍然可以正常显示和操作。当你在地图上进行缩放、平移等操作时，地图会改变视图范围，但这个固定组件始终保持在原地。