<template>
    <!-- 缩略图容器 -->
    <div class="mini-map-container" ref="miniMapContainer"></div>
  </template>

<style scoped>
.mini-map-container {
  position: absolute;
  bottom: 50px;
  left: 30px;
  width: 160px;
  height: 160px;
  z-index: 9999;
  border: 2px solid rgba(0,0,0,0.3);
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.4);
  background-color: white;
  transition: all 0.3s ease, opacity 0.5s ease-in;
  opacity: 1; /* 修改为可见 */
  will-change: opacity, transform; /* 优化渲染性能 */
}
</style>