From 1393ca2ef68460ea1ec233d0c9f3976718922c77 Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Mon, 29 Sep 2025 16:53:12 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B7=AF=E5=BE=84=E5=AF=BC=E8=88=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/red.png              |  Bin 0 -> 21164 bytes
 src/views/deviceManage/map/indexv3.vue |  792 +++++++++++++-
 src/views/deviceManage/map/indexv4.vue | 1372 ++++++++++++++++++++++++
 vue.config.js                          |   10 +-
 4 files changed, 2149 insertions(+), 25 deletions(-)
 create mode 100644 src/assets/images/red.png
 create mode 100644 src/views/deviceManage/map/indexv4.vue

diff --git a/src/assets/images/red.png b/src/assets/images/red.png
new file mode 100644
index 0000000000000000000000000000000000000000..3b84f6ec2a2891277dd01871622827310a4203a3
GIT binary patch
literal 21164
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

literal 0
HcmV?d00001

diff --git a/src/views/deviceManage/map/indexv3.vue b/src/views/deviceManage/map/indexv3.vue
index acb597b..35d516e 100644
--- a/src/views/deviceManage/map/indexv3.vue
+++ b/src/views/deviceManage/map/indexv3.vue
@@ -4,6 +4,161 @@
     <div class="toolBarDiv" />
     <div class="rightMask" />
     <div id="info" class="info" />
+
+    <div id="panel" class="panel">
+      <el-tabs
+        v-model="activeTab"
+        type="card"
+        class="path-tabs"
+        @tab-click="handleTabChange"
+      >
+        <!-- 正常模式 Tab -->
+        <el-tab-pane label="正常模式" name="1">
+          <div class="tab-content">
+            <!-- 起终点输入区 -->
+            <div class="startend">
+              <div class="startandendinput">
+                <!-- 起点输入 -->
+                <div class="input-group">
+                  <div class="front-input" style="border: 2px solid #7ed321;" />
+                  <el-input
+                    v-model="startInput"
+                    placeholder="请输入起点"
+                    clearable
+                    @input="handleInput('startInput')"
+                    @focus="activeInput = 'startInput'"
+                    @clear="handleInputClear('startInput')"
+                  />
+                </div>
+
+                <!-- 分隔线 -->
+                <div class="divide" />
+
+                <!-- 终点输入 -->
+                <div class="input-group">
+                  <div class="front-input" style="border: 2px solid #FF4C3F;" />
+                  <el-input
+                    v-model="endInput"
+                    placeholder="请输入终点"
+                    clearable
+                    @input="handleInput('endInput')"
+                    @focus="activeInput = 'endInput'"
+                    @clear="handleInputClear('endInput')"
+                  />
+                </div>
+              </div>
+
+              <!-- 交换起终点按钮 -->
+              <el-button
+                icon="el-icon-refresh-left"
+                class="exchange-btn"
+                circle
+                size="mini"
+                :disabled="!startInput && !endInput"
+                @click="handleExchange"
+              />
+            </div>
+
+            <!-- 功能按钮区 -->
+            <div class="btn-group">
+              <el-button
+                type="primary"
+                size="mini"
+                @click="handleClearAll"
+              >
+                清除路线
+              </el-button>
+              <el-button
+                type="default"
+                size="mini"
+                :disabled="!start || !dest"
+                @click="handleNaviAndDrawLine"
+              >
+                路线搜索
+              </el-button>
+            </div>
+
+            <!-- 路径模式选择（最短/最优） -->
+            <div class="route-type">
+              <el-button
+                :class="{ 'stairs-types-selected': currentMode === 'shortest' }"
+                size="mini"
+                @click="handleChangeMode('shortest')"
+              >
+                最短路径
+              </el-button>
+              <el-button
+                :class="{ 'stairs-types-selected': currentMode === 'best' }"
+                size="mini"
+                @click="handleChangeMode('best')"
+              >
+                最优路径
+              </el-button>
+            </div>
+
+            <!-- 搜索结果区域 -->
+            <div v-if="showSearchResult" class="search-result">
+              <!-- 无结果状态 -->
+              <div v-if="searchResult.length === 0" class="no-result">
+                <div class="no-result-image" />
+                <div class="no-result-title">暂无搜索结果</div>
+              </div>
+
+              <!-- 有结果状态 -->
+              <div v-else class="result">
+                <div class="result-header">搜索结果</div>
+                <div class="result-content">
+                  <el-card
+                    v-for="(item, index) in searchResult"
+                    :key="index"
+                    class="result-item"
+                    :shadow="selectedIndex === index ? 'hover' : 'never'"
+                    :border="selectedIndex === index"
+                    @click="handleResultSelected(index)"
+                  >
+                    <div class="result-item-title">{{ item.name }}</div>
+                    <div class="result-item-position">
+                      <i class="el-icon-location" />
+                      <span>{{ getFloorNameByGid(item.level) }}</span>
+                    </div>
+                  </el-card>
+                </div>
+              </div>
+            </div>
+
+            <!-- 路径结果区域 -->
+            <div v-if="showNaviResult" class="navi-result" style="position: fixed; left: 0; top:0;">
+              <el-card class="navi-result-card">
+                <!-- 路径总信息 -->
+                <div class="navi-result-title">
+                  全程
+                  <span class="highlight">{{ naviResult.distance ? naviResult.distance.toFixed(2) : 0 }}</span> 米，
+                  预计用时
+                  <span class="highlight">{{ naviResult.distance ? Math.ceil(naviResult.distance / walkSpeed) : 0 }}</span> 分钟
+                </div>
+
+                <!-- 路径步骤列表 -->
+                <el-timeline :reverse="false" class="navi-timeline">
+                  <el-timeline-item
+                    v-for="(step, index) in naviResult.subs || []"
+                    :key="index"
+                    :icon="getDirectionIcon(step.waypoint.direction.zh[1])"
+                    placement="top"
+                    @click="handleRouteClick(step)"
+                  >
+                    <div class="timeline-content">
+                      <div class="navi-route-desc">{{ step.instruction.zh }}</div>
+                    </div>
+                  </el-timeline-item>
+                </el-timeline>
+              </el-card>
+            </div>
+          </div>
+        </el-tab-pane>
+
+      </el-tabs>
+    </div>
+
     <!-- <div v-if="debugInfo" class="debug-info">
       <pre>{{ debugInfo }}</pre>
     </div> -->
@@ -29,8 +184,9 @@
 <script>
 import fengmap from '@/assets/fengmap/fengmap.map.min'
 import { FMControlPosition, FMCompass, FMZoomBar, FMToolbar, FMScaleBar } from '@/assets/fengmap/fengmap.plugin.ui.min.js'
-import { FMSearchRequest, FMSearchAnalyser } from '@/assets/fengmap/fengmap.analyser.min'
+import { FMSearchRequest, FMSearchAnalyser, FMNaviWalkAnalyser, FMNaviMode, FMNaviPriority, FMNaviObstruction } from '@/assets/fengmap/fengmap.analyser.min'
 import '@/assets/fengmap/fengmap.effect.min'
+import locationIcon from '@/assets/images/red.png'
 
 export default {
   name: 'FengNiaoYun',
@@ -50,6 +206,52 @@ export default {
       marker: null,
       floorInfo: [],
 
+      // Tab切换状态（1：正常模式，2：避障模式）
+      activeTab: '1',
+      // 起终点输入框值
+      startInput: '',
+      endInput: '',
+      // 当前活跃的输入框（startInput/endInput）
+      activeInput: '',
+      // 搜索结果相关
+      searchResult: [],
+      selectedIndex: -1,
+      showSearchResult: false,
+      // 路径规划结果相关
+      naviResult: {},
+      showNaviResult: false,
+      // 路径模式（shortest：最短路径，best：最优路径）
+      currentMode: 'shortest',
+      // 蜂鸟地图核心实例
+      searchAnalyser: null, // 搜索分析器
+      routeAnalyser: null, // 路径分析器
+      floorInfos: [], // 楼层信息
+      // 起终点数据与图标
+      start: null,
+      dest: null,
+      startMarker: null,
+      endMarker: null,
+      // 路径线与选点弹窗
+      lineMarker: null,
+      domMarker: null,
+      clickPoint: null, // 地图点击坐标
+      // 状态标记
+      searchLoaded: false, // 搜索分析器初始化状态
+      obstructMarkers: [], // 避障区域图标
+      // 常量配置
+      walkSpeed: 80, // 步行速度（米/分钟）
+      directionImg: { // 方向-图标映射
+        '左': 'left.png',
+        '左前': 'left-front.png',
+        '左后': 'left-back.png',
+        '右前': 'right-front.png',
+        '右后': 'right-back.png',
+        '右': 'right.png',
+        '前': 'front.png',
+        '终': 'end-icon.png'
+      },
+      obstacleAreas: [], // 避障区域数据（需根据实际场景配置）
+
       debugInfo: null,
       markerColors: ['#409EFF', '#67C23A', '#E6A23C'] // 三个点的颜色
     }
@@ -60,9 +262,23 @@ export default {
     console.log('容器尺寸:', container.offsetWidth, container.offsetHeight)
     this.$nextTick(() => {
       this.initMap()
+
+      window.vueInstance = null
     })
   },
   methods: {
+    // 重新加载
+    reload(options) {
+      if (this.map) {
+        this.map.dispose()
+      }
+      this.map = new fengmap.FMMap(options)
+    },
+    // 释放地图
+    dispose() {
+      this.map.dispose()
+      this.map = null
+    },
     initMap() {
       try {
         console.log('开始初始化地图')
@@ -75,13 +291,43 @@ export default {
           // mapURL: '/fengmap/data/',
           // themeURL: '/fengmap/data/theme/',
           // level: 3,
-          mapZoom: 20.2
+          mapZoom: 20.2,
+          backgroundColor: '#fff'
         }
-        console.log('地图配置:', options)
+        // console.log('地图配置:', options)
+
+        // const options = {
+        //   container: document.getElementById('fengmap'),
+        //   appName: '蜂鸟研发SDK_2_0',
+        //   key: '57c7f309aca507497d028a9c00207cf8',
+        //   mapID: '1514920297309614082',
+        //   // mapURL: '/fengmap/data/',
+        //   themeID: '1580453922356207618',
+        //   themeURL: '/fengmap/data/theme/',
+        //   mapZoom: 19.5,
+        //   level: 3
+        // }
 
         this.map = new fengmap.FMMap(options)
         console.log('地图实例已创建')
 
+        // 在地图初始化前添加此判断逻辑
+        if (options.mapURL) {
+          // 检查是否是离线模式且尚未刷新过
+          const hasRefreshed = localStorage.getItem('mapOfflineRefreshed')
+
+          if (!hasRefreshed) {
+            // 标记已刷新
+            localStorage.setItem('mapOfflineRefreshed', 'true')
+            // 强制刷新页面（不使用缓存）
+            window.location.reload(true)
+            // this.reload(options)
+          } else {
+            // 已经刷新过，清除标记以便下次进入时可用
+            localStorage.removeItem('mapOfflineRefreshed')
+          }
+        }
+
         this.map.on('loadingProcess', (event) => {
           console.log('加载进度:', event.progress)
           this.debugInfo = `加载进度: ${event.progress}%`
@@ -89,7 +335,7 @@ export default {
 
         this.map.on('loaded', () => {
           console.log('地图加载完成')
-          this.debugInfo = '地图加载完成'
+
           this.map.setViewMode(fengmap.FMViewMode.MODE_3D)
 
           // 指北针控件
@@ -159,6 +405,20 @@ export default {
             // UI.initList()
           })
 
+          // 初始化路径分析类
+          this.routeAnalyser = new FMNaviWalkAnalyser({ map: this.map }, () => {
+            // console.log('路径分析类创建成功')
+          }, () => {
+            alert('路径分析类创建失败')
+          })
+          // 初始化搜索分析对象
+          const searchOption = {
+            map: this.map
+          }
+          this.searchAnalyser = new FMSearchAnalyser(searchOption, () => {
+            this.searchLoaded = true
+          })
+
           console.log('当前楼层', this.map.getLevel())
           console.log('所有楼层', this.map.getLevels())
 
@@ -183,32 +443,45 @@ export default {
           this.search(ops)
 
           // 根据FID查询
-          const floor = this.map.getFloor(this.level)
-          const model = floor.getLayers(fengmap.FMType.MODEL_LAYER)[0].getFeatures().find(item => item.FID === '1026050201310')
-          console.log('model', model.getData())
-          model.setColor('red')
-          model.flash('red')
+          // const floor = this.map.getFloor(this.level)
+          // const model = floor.getLayers(fengmap.FMType.MODEL_LAYER)[0].getFeatures().find(item => item.FID === '1026050201310')
+          // console.log('model', model.getData())
+          // model.setColor('red')
+          // model.flash('red')
+
+          // ✅ 此时挂载：确保实例和方法都已存在，且在弹窗创建前完成
+          window.vueInstance = this
+          // 可选：在控制台打印，验证是否挂载成功（调试用）
+          console.log('Vue实例已全局挂载：', window.vueInstance)
         }, { passive: true })
 
         this.map.on('click', (e) => {
           this.marker && this.marker.remove()
           this.marker = null
           const clickMode = e.targets.find(it => it.type === fengmap.FMType.MODEL)
-          let floor = this.floorInfo.find(it => it.level === e.level)
+          const floor = this.floorInfo.find(it => it.level === e.level)
 
           // 更新界面的点击信息
           this.updateClickUI(e, clickMode, floor)
 
           // 添加点击mark
-          this.marker = new fengmap.FMImageMarker({
-            url: 'https://developer.fengmap.com/fmAPI/images/red.png',
-            x: e.coords.x,
-            y: e.coords.y,
-            anchor: fengmap.FMMarkerAnchor.BOTTOM
-          })
-          const level = this.map.getLevel()
-          floor = this.map.getFloor(level)
-          this.marker.addTo(floor)
+          // this.marker = new fengmap.FMImageMarker({
+          //   url: locationIcon,
+          //   x: e.coords.x,
+          //   y: e.coords.y,
+          //   anchor: fengmap.FMMarkerAnchor.BOTTOM
+          // })
+          // const level = this.map.getLevel()
+          // floor = this.map.getFloor(level)
+          // this.marker.addTo(floor)
+
+          if (e.level) {
+            const model = e.targets.find(item => item.type === fengmap.FMType.MODEL)
+            if (model) {
+              this.clickPoint = { level: e.level, x: model.x, y: model.y, name: model.name }
+              this.showDomMarker(this.clickPoint)
+            }
+          }
         }, { passive: true })
 
         this.map.on('mapInitError', (err) => {
@@ -220,6 +493,485 @@ export default {
         this.debugInfo = `初始化失败: ${error.message}`
       }
     },
+
+    /**
+     * 5. 交换起终点
+     */
+    handleExchange() {
+      // 交换起终点数据
+      const tempStart = { ...this.start }
+      const tempDest = { ...this.dest }
+      this.start = tempDest
+      this.dest = tempStart
+
+      // 交换输入框值
+      const tempStartInput = this.startInput
+      const tempEndInput = this.endInput
+      this.startInput = tempEndInput
+      this.endInput = tempStartInput
+
+      // 重新渲染起终点图标
+      if (this.start) {
+        this.clickPoint = this.start
+        this.setStart()
+      }
+      if (this.dest) {
+        this.clickPoint = this.dest
+        this.setEnd()
+      }
+
+      // 重新规划路径
+      this.handleNaviAndDrawLine()
+    },
+
+    /**
+     * 6. 显示起终点选择弹窗（替代showDomMarker）
+     */
+    showDomMarker(position) {
+      // 清除已有弹窗
+      if (this.domMarker) {
+        this.domMarker.remove()
+        this.domMarker = null
+      }
+
+      // 创建Vue实例挂载的弹窗DOM（避免直接操作DOM）
+      this.domMarker = new fengmap.FMDomMarker({
+        x: position.x,
+        y: position.y,
+        domHeight: 80,
+        domWidth: 200,
+        anchor: fengmap.FMMarkerAnchor.BOTTOM,
+        // 弹窗内容（通过window.vueInstance绑定Vue方法）
+        content: `
+          <div style="display: inline-block; width: 200px; text-align: center;">
+            <div style="display: flex; margin-bottom: 10px; border-radius: 6px; background-color: white; text-align: center;">
+              <span 
+                style="flex: 1; height: 30px; color: white; padding: 10px 16px; line-height: 30px; background-color: #2F65EE; border-radius: 6px 0 0 6px; cursor: pointer;"
+                onclick="window.vueInstance.setStart()"
+              >
+                作为起点
+              </span>
+              <span 
+                style="flex: 1; height: 30px; padding: 10px 16px; line-height: 30px; cursor: pointer;"
+                onclick="window.vueInstance.setEnd()"
+              >
+                作为终点
+              </span>
+            </div>
+            <div style="background-image: url('https://developer.fengmap.com/fmAPI/images/navi/marker.png'); display: inline-block; width: 32px; height: 32px; background-size: 100%;"></div>
+          </div>
+        `
+      })
+
+      // 将弹窗添加到对应楼层
+      const floor = this.map.getFloor(position.level)
+      this.domMarker.addTo(floor)
+    },
+
+    /**
+     * 7. 根据楼层level获取楼层名称（替代getFloorNameByGid）
+     */
+    getFloorNameByGid(level) {
+      const floor = this.floorInfos.find(item => item.level === level)
+      return floor ? floor.name : '未知楼层'
+    },
+
+    /**
+     * 8. 输入框内容变化处理（替代jQuery的input事件）
+     */
+    handleInput(inputType) {
+      this.activeInput = inputType
+      const inputValue = inputType === 'startInput' ? this.startInput : this.endInput
+      this.searchModel(inputValue)
+    },
+
+    /**
+     * 9. 输入框清空处理（Element UI clear事件）
+     */
+    handleInputClear(inputType) {
+      this.showSearchResult = false
+      this.searchResult = []
+      // 清空对应起终点数据
+      if (inputType === 'startInput') {
+        this.start = null
+        if (this.startMarker) {
+          this.startMarker.remove()
+          this.startMarker = null
+        }
+      } else {
+        this.dest = null
+        if (this.endMarker) {
+          this.endMarker.remove()
+          this.endMarker = null
+        }
+      }
+    },
+
+    /**
+     * 10. 关键字搜索（替代searchModel）
+     */
+    searchModel(keyword) {
+      // 搜索分析器未初始化则提示
+      if (!this.searchLoaded) {
+        this.$message.warning('搜索功能初始化中，请稍后...')
+        return
+      }
+      // 空关键词则隐藏搜索结果
+      if (!keyword || keyword.trim() === '') {
+        this.showSearchResult = false
+        this.searchResult = []
+        return
+      }
+
+      // 构造搜索请求
+      const searchRequest = new FMSearchRequest()
+      searchRequest.levels = [5] // 只搜索level=5的楼层（与原逻辑一致）
+      searchRequest.type = fengmap.FMType.MODEL
+      searchRequest.addCondition({ keyword: keyword.trim() })
+
+      // 执行搜索
+      this.searchAnalyser.query(searchRequest, (result) => {
+        this.searchResult = result
+        this.selectedIndex = -1
+        this.showSearchResult = true
+        this.showNaviResult = false // 隐藏路径结果
+      })
+    },
+
+    /**
+     * 11. 设置起点图标和数据（替代setStart）
+     */
+    setStart() {
+      if (!this.clickPoint) return
+
+      // 清除原有起点图标
+      if (this.startMarker) {
+        this.startMarker.remove()
+        this.startMarker = null
+      }
+
+      // 保存起点数据
+      this.start = { ...this.clickPoint }
+
+      // 创建新起点图标
+      this.startMarker = new fengmap.FMImageMarker({
+        url: 'https://developer.fengmap.com/fmAPI/images/navi/start.png',
+        x: this.clickPoint.x,
+        y: this.clickPoint.y
+      })
+
+      // 添加图标到对应楼层
+      const floor = this.map.getFloor(this.clickPoint.level)
+      this.startMarker.addTo(floor)
+
+      // 清除选点弹窗
+      if (this.domMarker) {
+        this.domMarker.remove()
+        this.domMarker = null
+      }
+
+      // 更新输入框值
+      this.startInput = this.start.name || '地图选点'
+    },
+
+    /**
+     * 12. 设置终点图标和数据（替代setEnd）
+     */
+    setEnd() {
+      if (!this.clickPoint) return
+
+      // 清除原有终点图标
+      if (this.endMarker) {
+        this.endMarker.remove()
+        this.endMarker = null
+      }
+
+      // 保存终点数据
+      this.dest = { ...this.clickPoint }
+
+      // 创建新终点图标
+      this.endMarker = new fengmap.FMImageMarker({
+        url: 'https://developer.fengmap.com/fmAPI/images/navi/end.png',
+        x: this.clickPoint.x,
+        y: this.clickPoint.y
+      })
+
+      // 添加图标到对应楼层
+      const floor = this.map.getFloor(this.clickPoint.level)
+      this.endMarker.addTo(floor)
+
+      // 清除选点弹窗
+      if (this.domMarker) {
+        this.domMarker.remove()
+        this.domMarker = null
+      }
+
+      // 更新输入框值
+      this.endInput = this.dest.name || '地图选点'
+    },
+
+    /**
+     * 13. 切换路径模式（最短/最优，替代onChangeMode）
+     */
+    handleChangeMode(modeType) {
+      this.currentMode = modeType
+      // 重新规划路径
+      this.handleNaviAndDrawLine()
+    },
+
+    /**
+     * 14. 分析路径并绘制路线（替代naviAndDrawLine）
+     */
+    handleNaviAndDrawLine() {
+      // 起终点不全则返回
+      if (!this.start || !this.dest) {
+        this.$message.warning('请先选择起点和终点')
+        return
+      }
+
+      // 清除原有路径线
+      if (this.lineMarker) {
+        this.lineMarker.remove()
+        this.lineMarker = null
+      }
+
+      // 设置避障区域（仅避障模式生效）
+      if (this.activeTab === '2') {
+        const obstructions = this.obstacleAreas.map(points => {
+          return new FMNaviObstruction({
+            level: this.map.getLevel(),
+            points
+          })
+        })
+        this.routeAnalyser.setObstructions(obstructions)
+      } else {
+        this.routeAnalyser.setObstructions([])
+      }
+
+      // 构造路径请求参数
+      const naviMode = this.currentMode === 'shortest'
+        ? FMNaviMode.MODULE_SHORTEST
+        : FMNaviMode.MODULE_BEST
+      const request = {
+        start: this.start,
+        dest: this.dest,
+        mode: naviMode,
+        priority: FMNaviPriority.PRIORITY_LIFTFIRST // 直梯优先（与原逻辑一致）
+      }
+
+      // 执行路径分析
+      this.routeAnalyser.route(
+        request,
+        (result) => {
+          // 隐藏搜索结果，显示路径结果
+          this.showSearchResult = false
+          this.showNaviResult = true
+          this.naviResult = result
+
+          // 绘制路径线
+          const segments = []
+          let currentSegment = new fengmap.FMSegment()
+
+          result.subs.forEach((leg, index) => {
+            // 同一楼层的路径点合并为一个线段
+            if (leg.levels[0] === leg.levels[1]) {
+              // 设置路径点z轴高度（避免贴地）
+              leg.waypoint.points.forEach(point => {
+                point.z = 0.5
+              })
+
+              if (currentSegment.points) {
+                // 移除重复的第一个点（避免线段重叠）
+                const points = leg.waypoint.points.slice(1)
+                currentSegment.points = currentSegment.points.concat(points)
+              } else {
+                currentSegment.points = leg.waypoint.points
+              }
+              currentSegment.level = leg.levels[0]
+
+              // 最后一个路径段直接添加
+              if (index === result.subs.length - 1) {
+                segments.push(currentSegment)
+              }
+            } else {
+              // 跨楼层则结束当前线段，开始新线段
+              segments.push(currentSegment)
+              currentSegment = new fengmap.FMSegment()
+            }
+          })
+
+          // 创建路径线图标并添加到地图
+          this.lineMarker = new fengmap.FMLineMarker({
+            segments: segments,
+            smooth: true // 路径线平滑处理
+          })
+          this.lineMarker.addTo(this.map)
+        },
+        () => {
+          // 路径规划失败处理
+          this.showNaviResult = true
+          this.naviResult = { subs: [], distance: 0 }
+          this.$message.error('路径规划失败，请检查起终点是否可达')
+        }
+      )
+    },
+
+    /**
+     * 15. 清除地图所有元素（替代clearAll）
+     */
+    handleClearAll() {
+      // 清空输入框
+      this.startInput = ''
+      this.endInput = ''
+
+      // 隐藏结果区域
+      this.showSearchResult = false
+      this.showNaviResult = false
+
+      // 清空起终点数据
+      this.start = null
+      this.dest = null
+
+      // 清除起终点图标
+      if (this.startMarker) {
+        this.startMarker.remove()
+        this.startMarker = null
+      }
+      if (this.endMarker) {
+        this.endMarker.remove()
+        this.endMarker = null
+      }
+
+      // 清除路径线
+      if (this.lineMarker) {
+        this.lineMarker.remove()
+        this.lineMarker = null
+      }
+
+      // 清除选点弹窗
+      if (this.domMarker) {
+        this.domMarker.remove()
+        this.domMarker = null
+      }
+
+      // 清除搜索结果
+      this.searchResult = []
+      this.selectedIndex = -1
+    },
+
+    /**
+     * 16. 选中搜索结果（替代onResultSelected）
+     */
+    handleResultSelected(index) {
+      const selectedItem = this.searchResult[index]
+      if (!selectedItem) return
+
+      // 更新输入框值
+      const floorName = this.getFloorNameByGid(selectedItem.level)
+      if (this.activeInput === 'startInput') {
+        this.startInput = `${selectedItem.name} ${floorName}`
+      } else {
+        this.endInput = `${selectedItem.name} ${floorName}`
+      }
+
+      // 设置点击坐标并渲染起/终点图标
+      this.clickPoint = {
+        level: selectedItem.level,
+        x: selectedItem.center.x,
+        y: selectedItem.center.y,
+        name: selectedItem.name
+      }
+
+      if (this.activeInput === 'startInput') {
+        this.setStart()
+      } else {
+        this.setEnd()
+      }
+
+      // 隐藏搜索结果
+      this.showSearchResult = false
+    },
+
+    /**
+     * 17. 点击路径步骤定位到对应位置（替代onRouteClick）
+     */
+    handleRouteClick(step) {
+      const points = step.waypoint.points
+      if (points.length < 2) return
+
+      // 计算路径段中心点
+      const centerX = (points[0].x + points[1].x) / 2
+      const centerY = (points[0].y + points[1].y) / 2
+
+      // 地图定位到中心点并放大
+      this.map.setCenter({
+        x: centerX,
+        y: centerY,
+        animate: true,
+        finish: () => {
+          this.map.setZoom({ zoom: 21, animate: true })
+        }
+      })
+    },
+
+    /**
+     * 18. 清除避障区域图标（替代clearObstructMarker）
+     */
+    clearObstructMarker() {
+      this.obstructMarkers.forEach(marker => {
+        marker.remove()
+      })
+      this.obstructMarkers = []
+    },
+
+    /**
+     * 19. 添加避障区域图标（替代addObstructMarker）
+     */
+    addObstructMarker() {
+      const floor = this.map.getFloor(this.map.getLevel())
+      const markers = this.obstacleAreas.map(points => {
+        const marker = new fengmap.FMPolygonMarker({
+          points,
+          opacity: 0.5,
+          color: '#FF4C3F' // 避障区域红色半透明（与原逻辑视觉一致）
+        })
+        marker.addTo(floor)
+        return marker
+      })
+      this.obstructMarkers = markers
+    },
+
+    /**
+     * 20. Tab切换事件（替代layui的tab事件）
+     */
+    handleTabChange() {
+      // 切换Tab时清除所有元素
+      this.handleClearAll()
+      // 避障模式添加避障区域图标
+      if (this.activeTab === '2') {
+        this.addObstructMarker()
+      } else {
+        this.clearObstructMarker()
+      }
+    },
+
+    /**
+     * 21. 清除所有资源（组件销毁前调用）
+     */
+    clearAllResources() {
+      this.clearObstructMarker()
+      if (this.searchAnalyser) this.searchAnalyser.destroy()
+      if (this.routeAnalyser) this.routeAnalyser.destroy()
+    },
+
+    /**
+     * 22. 获取方向图标URL（用于路径步骤显示）
+     */
+    getDirectionIcon(direction) {
+      const imgName = this.directionImg[direction] || 'front.png'
+      return `https://developer.fengmap.com/fmAPI/images/navi/${imgName}`
+    },
+
     updateClickUI(event, clickMode, floor) {
       // 拾取模型对象
       const target = event.targets[0]
@@ -277,7 +1029,7 @@ export default {
       console.log('搜索结果:', data)
       this.imageMarkers = data.map(feature => {
         const marker = new fengmap.FMImageMarker({
-          url: 'https://developer.fengmap.com/fmAPI/images/red.png',
+          url: locationIcon,
           x: feature.center.x,
           y: feature.center.y,
           anchor: fengmap.FMMarkerAnchor.BOTTOM
diff --git a/src/views/deviceManage/map/indexv4.vue b/src/views/deviceManage/map/indexv4.vue
new file mode 100644
index 0000000..8ed9f28
--- /dev/null
+++ b/src/views/deviceManage/map/indexv4.vue
@@ -0,0 +1,1372 @@
+<template>
+  <div class="app-container">
+    <div id="fengmap" />
+    <div class="toolBarDiv" />
+    <div class="rightMask" />
+    <div id="info" class="info" />
+
+    <div id="panel" class="panel">
+      <el-tabs
+        v-model="activeTab"
+        type="card"
+        class="path-tabs"
+        @tab-click="handleTabChange"
+      >
+        <!-- 正常模式 Tab -->
+        <el-tab-pane label="正常模式" name="1">
+          <div class="tab-content">
+            <!-- 起终点输入区 -->
+            <div class="startend">
+              <div class="startandendinput">
+                <!-- 起点输入 -->
+                <div class="input-group">
+                  <div class="front-input" style="border: 2px solid #7ed321;" />
+                  <el-input
+                    v-model="startInput"
+                    placeholder="请输入起点"
+                    clearable
+                    @input="handleInput('startInput')"
+                    @focus="activeInput = 'startInput'"
+                    @clear="handleInputClear('startInput')"
+                  />
+                </div>
+
+                <!-- 分隔线 -->
+                <div class="divide" />
+
+                <!-- 终点输入 -->
+                <div class="input-group">
+                  <div class="front-input" style="border: 2px solid #FF4C3F;" />
+                  <el-input
+                    v-model="endInput"
+                    placeholder="请输入终点"
+                    clearable
+                    @input="handleInput('endInput')"
+                    @focus="activeInput = 'endInput'"
+                    @clear="handleInputClear('endInput')"
+                  />
+                </div>
+              </div>
+
+              <!-- 交换起终点按钮 -->
+              <el-button
+                icon="el-icon-refresh-left"
+                class="exchange-btn"
+                circle
+                size="mini"
+                :disabled="!startInput && !endInput"
+                @click="handleExchange"
+              />
+            </div>
+
+            <!-- 功能按钮区 -->
+            <div class="btn-group">
+              <el-button
+                type="primary"
+                size="mini"
+                @click="handleClearAll"
+              >
+                清除路线
+              </el-button>
+              <el-button
+                type="default"
+                size="mini"
+                :disabled="!start || !dest"
+                @click="handleNaviAndDrawLine"
+              >
+                路线搜索
+              </el-button>
+            </div>
+
+            <!-- 路径模式选择（最短/最优） -->
+            <div class="route-type">
+              <el-button
+                :class="{ 'stairs-types-selected': currentMode === 'shortest' }"
+                size="mini"
+                @click="handleChangeMode('shortest')"
+              >
+                最短路径
+              </el-button>
+              <el-button
+                :class="{ 'stairs-types-selected': currentMode === 'best' }"
+                size="mini"
+                @click="handleChangeMode('best')"
+              >
+                最优路径
+              </el-button>
+            </div>
+
+            <!-- 搜索结果区域 -->
+            <div v-if="showSearchResult" class="search-result">
+              <!-- 无结果状态 -->
+              <div v-if="searchResult.length === 0" class="no-result">
+                <div class="no-result-image" />
+                <div class="no-result-title">暂无搜索结果</div>
+              </div>
+
+              <!-- 有结果状态 -->
+              <div v-else class="result">
+                <div class="result-header">搜索结果</div>
+                <div class="result-content">
+                  <el-card
+                    v-for="(item, index) in searchResult"
+                    :key="index"
+                    class="result-item"
+                    :shadow="selectedIndex === index ? 'hover' : 'never'"
+                    :border="selectedIndex === index"
+                    @click="handleResultSelected(index)"
+                  >
+                    <div class="result-item-title">{{ item.name }}</div>
+                    <div class="result-item-position">
+                      <i class="el-icon-location" />
+                      <span>{{ getFloorNameByGid(item.level) }}</span>
+                    </div>
+                  </el-card>
+                </div>
+              </div>
+            </div>
+
+            <!-- 路径结果区域 -->
+            <div v-if="showNaviResult" class="navi-result" style="position: fixed; left: 0; top:0;">
+              <el-card class="navi-result-card">
+                <!-- 路径总信息 -->
+                <div class="navi-result-title">
+                  全程
+                  <span class="highlight">{{ naviResult.distance ? naviResult.distance.toFixed(2) : 0 }}</span> 米，
+                  预计用时
+                  <span class="highlight">{{ naviResult.distance ? Math.ceil(naviResult.distance / walkSpeed) : 0 }}</span> 分钟
+                </div>
+
+                <!-- 路径步骤列表 -->
+                <el-timeline :reverse="false" class="navi-timeline">
+                  <el-timeline-item
+                    v-for="(step, index) in naviResult.subs || []"
+                    :key="index"
+                    :icon="getDirectionIcon(step.waypoint.direction.zh[1])"
+                    placement="top"
+                    @click="handleRouteClick(step)"
+                  >
+                    <div class="timeline-content">
+                      <div class="navi-route-desc">{{ step.instruction.zh }}</div>
+                    </div>
+                  </el-timeline-item>
+                </el-timeline>
+              </el-card>
+            </div>
+          </div>
+        </el-tab-pane>
+
+        <!-- 避障模式 Tab -->
+        <el-tab-pane label="避障模式" name="2">
+          <div class="tab-content">
+            <!-- 与正常模式结构一致，复用逻辑 -->
+            <div class="startend">
+              <div class="startandendinput">
+                <div class="input-group">
+                  <div class="front-input" style="border: 2px solid #7ed321;" />
+                  <el-input
+                    v-model="startInput"
+                    placeholder="请输入起点"
+                    clearable
+                    @input="handleInput('startInput')"
+                    @focus="activeInput = 'startInput'"
+                    @clear="handleInputClear('startInput')"
+                  />
+                </div>
+                <div class="divide" />
+                <div class="input-group">
+                  <div class="front-input" style="border: 2px solid #FF4C3F;" />
+                  <el-input
+                    v-model="endInput"
+                    placeholder="请输入终点"
+                    clearable
+                    @input="handleInput('endInput')"
+                    @focus="activeInput = 'endInput'"
+                    @clear="handleInputClear('endInput')"
+                  />
+                </div>
+              </div>
+              <el-button
+                icon="el-icon-refresh-left"
+                class="exchange-btn"
+                circle
+                size="mini"
+                :disabled="!startInput && !endInput"
+                @click="handleExchange"
+              />
+            </div>
+
+            <div class="btn-group">
+              <el-button
+                type="primary"
+                size="mini"
+                @click="handleClearAll"
+              >
+                清除路线
+              </el-button>
+              <el-button
+                type="default"
+                size="mini"
+                :disabled="!start || !dest"
+                @click="handleNaviAndDrawLine"
+              >
+                路线搜索
+              </el-button>
+            </div>
+
+            <div class="route-type">
+              <el-button
+                :class="{ 'stairs-types-selected': currentMode === 'shortest' }"
+                size="mini"
+                @click="handleChangeMode('shortest')"
+              >
+                最短路径
+              </el-button>
+              <el-button
+                :class="{ 'stairs-types-selected': currentMode === 'best' }"
+                size="mini"
+                @click="handleChangeMode('best')"
+              >
+                最优路径
+              </el-button>
+            </div>
+
+            <!-- 搜索结果区域 -->
+            <div v-if="showSearchResult" class="search-result">
+              <div v-if="searchResult.length === 0" class="no-result">
+                <div class="no-result-image" />
+                <div class="no-result-title">暂无搜索结果</div>
+              </div>
+              <div v-else class="result">
+                <div class="result-header">搜索结果</div>
+                <div class="result-content">
+                  <el-card
+                    v-for="(item, index) in searchResult"
+                    :key="index"
+                    class="result-item"
+                    :shadow="selectedIndex === index ? 'hover' : 'never'"
+                    :border="selectedIndex === index"
+                    @click="handleResultSelected(index)"
+                  >
+                    <div class="result-item-title">{{ item.name }}</div>
+                    <div class="result-item-position">
+                      <i class="el-icon-location" />
+                      <span>{{ getFloorNameByGid(item.level) }}</span>
+                    </div>
+                  </el-card>
+                </div>
+              </div>
+            </div>
+
+            <!-- 路径结果区域 -->
+            <div v-if="showNaviResult" class="navi-result" style="position: fixed; left: 0; top:0;">
+              <el-card class="navi-result-card">
+                <div class="navi-result-title">
+                  全程
+                  <span class="highlight">{{ naviResult.distance ? naviResult.distance.toFixed(2) : 0 }}</span> 米，
+                  预计用时
+                  <span class="highlight">{{ naviResult.distance ? Math.ceil(naviResult.distance / walkSpeed) : 0 }}</span> 分钟
+                </div>
+                <el-timeline :reverse="false" class="navi-timeline">
+                  <el-timeline-item
+                    v-for="(step, index) in naviResult.subs || []"
+                    :key="index"
+                    :icon="getDirectionIcon(step.waypoint.direction.zh[1])"
+                    placement="top"
+                    @click="handleRouteClick(step)"
+                  >
+                    <div class="timeline-content">
+                      <div class="navi-route-desc">{{ step.instruction.zh }}</div>
+                    </div>
+                  </el-timeline-item>
+                </el-timeline>
+              </el-card>
+            </div>
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+
+    <!-- <div v-if="debugInfo" class="debug-info">
+      <pre>{{ debugInfo }}</pre>
+    </div> -->
+    <!-- <div class="control-panel">
+      <div class="button-group">
+        <el-button type="primary" @click="startTracking(0)">定位点1</el-button>
+        <el-button type="success" @click="startTracking(1)">定位点2</el-button>
+        <el-button type="warning" @click="startTracking(2)">定位点3</el-button>
+        <el-button type="danger" @click="stopAllTracking">停止所有</el-button>
+      </div>
+      <div class="tracking-info">
+        <div v-for="(marker, index) in markers" :key="index" class="marker-status">
+          <span :style="{ color: getMarkerColor(index) }">
+            定位点{{ index + 1 }}: {{ marker.active ? '追踪中' : '已停止' }}
+            <template v-if="marker.remainTime > 0">({{ marker.remainTime }}s)</template>
+          </span>
+        </div>
+      </div>
+    </div> -->
+  </div>
+</template>
+
+<script>
+import fengmap from '@/assets/fengmap/fengmap.map.min'
+import { FMControlPosition, FMCompass, FMZoomBar, FMToolbar, FMScaleBar } from '@/assets/fengmap/fengmap.plugin.ui.min.js'
+import { FMSearchRequest, FMSearchAnalyser, FMNaviWalkAnalyser, FMNaviMode, FMNaviPriority, FMNaviObstruction } from '@/assets/fengmap/fengmap.analyser.min'
+import '@/assets/fengmap/fengmap.effect.min'
+import locationIcon from '@/assets/images/red.png'
+
+export default {
+  name: 'FengNiaoYun',
+  data() {
+    return {
+      map: null,
+      markers: [
+        { marker: null, timer: null, remainTimer: null, remainTime: 0, active: false, positions: [] },
+        { marker: null, timer: null, remainTimer: null, remainTime: 0, active: false, positions: [] },
+        { marker: null, timer: null, remainTimer: null, remainTime: 0, active: false, positions: [] }
+      ],
+      level: null,
+      levels: null,
+      floorObj: {},
+      analyser: null,
+      imageMarkers: null,
+      marker: null,
+      floorInfo: [],
+
+      // Tab切换状态（1：正常模式，2：避障模式）
+      activeTab: '1',
+      // 起终点输入框值
+      startInput: '',
+      endInput: '',
+      // 当前活跃的输入框（startInput/endInput）
+      activeInput: '',
+      // 搜索结果相关
+      searchResult: [],
+      selectedIndex: -1,
+      showSearchResult: false,
+      // 路径规划结果相关
+      naviResult: {},
+      showNaviResult: false,
+      // 路径模式（shortest：最短路径，best：最优路径）
+      currentMode: 'shortest',
+      // 蜂鸟地图核心实例
+      searchAnalyser: null, // 搜索分析器
+      routeAnalyser: null, // 路径分析器
+      floorInfos: [], // 楼层信息
+      // 起终点数据与图标
+      start: null,
+      dest: null,
+      startMarker: null,
+      endMarker: null,
+      // 路径线与选点弹窗
+      lineMarker: null,
+      domMarker: null,
+      clickPoint: null, // 地图点击坐标
+      // 状态标记
+      searchLoaded: false, // 搜索分析器初始化状态
+      obstructMarkers: [], // 避障区域图标
+      // 常量配置
+      walkSpeed: 80, // 步行速度（米/分钟）
+      directionImg: { // 方向-图标映射
+        '左': 'left.png',
+        '左前': 'left-front.png',
+        '左后': 'left-back.png',
+        '右前': 'right-front.png',
+        '右后': 'right-back.png',
+        '右': 'right.png',
+        '前': 'front.png',
+        '终': 'end-icon.png'
+      },
+      obstacleAreas: [], // 避障区域数据（需根据实际场景配置）
+
+      debugInfo: null,
+      markerColors: ['#409EFF', '#67C23A', '#E6A23C'] // 三个点的颜色
+    }
+  },
+  mounted() {
+    console.log('组件已挂载')
+    const container = document.getElementById('fengmap')
+    console.log('容器尺寸:', container.offsetWidth, container.offsetHeight)
+    this.$nextTick(() => {
+      this.initMap()
+
+      window.vueInstance = null
+    })
+  },
+  methods: {
+    // 重新加载
+    reload(options) {
+      if (this.map) {
+        this.map.dispose()
+      }
+      this.map = new fengmap.FMMap(options)
+    },
+    // 释放地图
+    dispose() {
+      this.map.dispose()
+      this.map = null
+    },
+    initMap() {
+      try {
+        console.log('开始初始化地图')
+        const options = {
+          container: document.getElementById('fengmap'),
+          appName: '武汉东西湖图书馆',
+          key: 'd0ebc0507c72e6fb8598a3e58517f9d3',
+          mapID: '1572162706543931393',
+          // themeID: '1574346301450625025',
+          // mapURL: '/fengmap/data/',
+          // themeURL: '/fengmap/data/theme/',
+          // level: 3,
+          mapZoom: 20.2,
+          backgroundColor: '#fff'
+        }
+        // console.log('地图配置:', options)
+
+        // const options = {
+        //   container: document.getElementById('fengmap'),
+        //   appName: '蜂鸟研发SDK_2_0',
+        //   key: '57c7f309aca507497d028a9c00207cf8',
+        //   mapID: '1514920297309614082',
+        //   // mapURL: '/fengmap/data/',
+        //   themeID: '1580453922356207618',
+        //   themeURL: '/fengmap/data/theme/',
+        //   mapZoom: 19.5,
+        //   level: 3
+        // }
+
+        this.map = new fengmap.FMMap(options)
+        console.log('地图实例已创建')
+
+        // 在地图初始化前添加此判断逻辑
+        if (options.mapURL) {
+          // 检查是否是离线模式且尚未刷新过
+          const hasRefreshed = localStorage.getItem('mapOfflineRefreshed')
+
+          if (!hasRefreshed) {
+            // 标记已刷新
+            localStorage.setItem('mapOfflineRefreshed', 'true')
+            // 强制刷新页面（不使用缓存）
+            window.location.reload(true)
+            // this.reload(options)
+          } else {
+            // 已经刷新过，清除标记以便下次进入时可用
+            localStorage.removeItem('mapOfflineRefreshed')
+          }
+        }
+
+        this.map.on('loadingProcess', (event) => {
+          console.log('加载进度:', event.progress)
+          this.debugInfo = `加载进度: ${event.progress}%`
+        })
+
+        this.map.on('loaded', () => {
+          console.log('地图加载完成')
+
+          this.map.setViewMode(fengmap.FMViewMode.MODE_3D)
+
+          // 指北针控件
+          const scrollCompassCtlOpt = {
+            position: FMControlPosition.RIGHT_TOP,
+            offset: {
+              x: -20,
+              y: 80
+            }
+
+          }
+          const compass = new FMCompass(scrollCompassCtlOpt)
+          compass.addTo(this.map)
+
+          compass.on('click', function() {
+            this.map.setRotation({
+              rotation: 0,
+              animate: true,
+              duration: 0.3,
+              finish: function() { console.log('setRotation') }
+            })
+          })
+
+          // 缩放控件
+          const scrollZoomCtlOpt = {
+            position: FMControlPosition.RIGHT_TOP,
+            offset: {
+              x: -20,
+              y: 600
+            }
+
+          }
+          const toolbar = new FMZoomBar(scrollZoomCtlOpt)
+          toolbar.addTo(this.map)
+
+          // 楼层控件
+          const scrollFloorCtlOpt = {
+            position: FMControlPosition.RIGHT_TOP,
+            floorButtonCount: 5,
+            offset: {
+              x: -20,
+              y: 150
+            },
+            viewModeControl: true,
+            floorModeControl: true,
+            needAllLayerBtn: true
+          }
+          const scrollFloorControl = new FMToolbar(scrollFloorCtlOpt)
+          console.log('scrollFloorControl', scrollFloorControl.p)
+          scrollFloorControl.addTo(this.map)
+
+          // 比例尺控件
+          const scrollScaleBarCtlOpt = {
+            fontSize: 18,
+            height: 30,
+            position: FMControlPosition.LEFT_BOTTOM,
+            offset: {
+              x: 20,
+              y: -20
+            }
+
+          }
+          const scaleBar = new FMScaleBar(scrollScaleBarCtlOpt)
+          scaleBar.addTo(this.map)
+
+          this.analyser = new FMSearchAnalyser({ map: this.map }, () => {
+            // UI.initList()
+          })
+
+          // 初始化路径分析类
+          this.routeAnalyser = new FMNaviWalkAnalyser({ map: this.map }, () => {
+            // console.log('路径分析类创建成功')
+          }, () => {
+            alert('路径分析类创建失败')
+          })
+          // 初始化搜索分析对象
+          const searchOption = {
+            map: this.map
+          }
+          this.searchAnalyser = new FMSearchAnalyser(searchOption, () => {
+            this.searchLoaded = true
+          })
+
+          console.log('当前楼层', this.map.getLevel())
+          console.log('所有楼层', this.map.getLevels())
+
+          // 获取楼层信息
+          this.level = this.map.getLevel()
+          this.levels = this.map.getLevels()
+
+          // console.log('所有楼层', this.map.getVisibleLevels())
+          this.floorInfo = this.map.getFloorInfos()
+          console.log('所有楼层信息', this.floorInfos)
+
+          // 设置聚焦楼层
+          // this.map.setLevel({
+          //   level: item
+          // })
+          const ops = {
+            level: [1, 2, 3, 4],
+            // typeID: 210502,
+            text: '开架',
+            search: true // 精确查询 false 模糊查询 true
+          }
+          this.search(ops)
+
+          // 根据FID查询
+          // const floor = this.map.getFloor(this.level)
+          // const model = floor.getLayers(fengmap.FMType.MODEL_LAYER)[0].getFeatures().find(item => item.FID === '1026050201310')
+          // console.log('model', model.getData())
+          // model.setColor('red')
+          // model.flash('red')
+
+          // ✅ 此时挂载：确保实例和方法都已存在，且在弹窗创建前完成
+          window.vueInstance = this
+          // 可选：在控制台打印，验证是否挂载成功（调试用）
+          console.log('Vue实例已全局挂载：', window.vueInstance)
+        }, { passive: true })
+
+        this.map.on('click', (e) => {
+          this.marker && this.marker.remove()
+          this.marker = null
+          const clickMode = e.targets.find(it => it.type === fengmap.FMType.MODEL)
+          const floor = this.floorInfo.find(it => it.level === e.level)
+
+          // 更新界面的点击信息
+          this.updateClickUI(e, clickMode, floor)
+
+          // 添加点击mark
+          // this.marker = new fengmap.FMImageMarker({
+          //   url: locationIcon,
+          //   x: e.coords.x,
+          //   y: e.coords.y,
+          //   anchor: fengmap.FMMarkerAnchor.BOTTOM
+          // })
+          // const level = this.map.getLevel()
+          // floor = this.map.getFloor(level)
+          // this.marker.addTo(floor)
+
+          if (e.level) {
+            const model = e.targets.find(item => item.type === fengmap.FMType.MODEL)
+            if (model) {
+              this.clickPoint = { level: e.level, x: model.x, y: model.y, name: model.name }
+              this.showDomMarker(this.clickPoint)
+            }
+          }
+        }, { passive: true })
+
+        this.map.on('mapInitError', (err) => {
+          console.error('地图初始化错误:', err)
+          this.debugInfo = `地图初始化错误: ${err.message}`
+        })
+      } catch (error) {
+        console.error('初始化地图失败:', error)
+        this.debugInfo = `初始化失败: ${error.message}`
+      }
+    },
+
+    /**
+     * 5. 交换起终点
+     */
+    handleExchange() {
+      // 交换起终点数据
+      const tempStart = { ...this.start }
+      const tempDest = { ...this.dest }
+      this.start = tempDest
+      this.dest = tempStart
+
+      // 交换输入框值
+      const tempStartInput = this.startInput
+      const tempEndInput = this.endInput
+      this.startInput = tempEndInput
+      this.endInput = tempStartInput
+
+      // 重新渲染起终点图标
+      if (this.start) {
+        this.clickPoint = this.start
+        this.setStart()
+      }
+      if (this.dest) {
+        this.clickPoint = this.dest
+        this.setEnd()
+      }
+
+      // 重新规划路径
+      this.handleNaviAndDrawLine()
+    },
+
+    /**
+     * 6. 显示起终点选择弹窗（替代showDomMarker）
+     */
+    showDomMarker(position) {
+      // 清除已有弹窗
+      if (this.domMarker) {
+        this.domMarker.remove()
+        this.domMarker = null
+      }
+
+      // 创建Vue实例挂载的弹窗DOM（避免直接操作DOM）
+      this.domMarker = new fengmap.FMDomMarker({
+        x: position.x,
+        y: position.y,
+        domHeight: 80,
+        domWidth: 200,
+        anchor: fengmap.FMMarkerAnchor.BOTTOM,
+        // 弹窗内容（通过window.vueInstance绑定Vue方法）
+        content: `
+          <div style="display: inline-block; width: 200px; text-align: center;">
+            <div style="display: flex; margin-bottom: 10px; border-radius: 6px; background-color: white; text-align: center;">
+              <span 
+                style="flex: 1; height: 30px; color: white; padding: 10px 16px; line-height: 30px; background-color: #2F65EE; border-radius: 6px 0 0 6px; cursor: pointer;"
+                onclick="window.vueInstance.setStart()"
+              >
+                作为起点
+              </span>
+              <span 
+                style="flex: 1; height: 30px; padding: 10px 16px; line-height: 30px; cursor: pointer;"
+                onclick="window.vueInstance.setEnd()"
+              >
+                作为终点
+              </span>
+            </div>
+            <div style="background-image: url('https://developer.fengmap.com/fmAPI/images/navi/marker.png'); display: inline-block; width: 32px; height: 32px; background-size: 100%;"></div>
+          </div>
+        `
+      })
+
+      // 将弹窗添加到对应楼层
+      const floor = this.map.getFloor(position.level)
+      this.domMarker.addTo(floor)
+    },
+
+    /**
+     * 7. 根据楼层level获取楼层名称（替代getFloorNameByGid）
+     */
+    getFloorNameByGid(level) {
+      const floor = this.floorInfos.find(item => item.level === level)
+      return floor ? floor.name : '未知楼层'
+    },
+
+    /**
+     * 8. 输入框内容变化处理（替代jQuery的input事件）
+     */
+    handleInput(inputType) {
+      this.activeInput = inputType
+      const inputValue = inputType === 'startInput' ? this.startInput : this.endInput
+      this.searchModel(inputValue)
+    },
+
+    /**
+     * 9. 输入框清空处理（Element UI clear事件）
+     */
+    handleInputClear(inputType) {
+      this.showSearchResult = false
+      this.searchResult = []
+      // 清空对应起终点数据
+      if (inputType === 'startInput') {
+        this.start = null
+        if (this.startMarker) {
+          this.startMarker.remove()
+          this.startMarker = null
+        }
+      } else {
+        this.dest = null
+        if (this.endMarker) {
+          this.endMarker.remove()
+          this.endMarker = null
+        }
+      }
+    },
+
+    /**
+     * 10. 关键字搜索（替代searchModel）
+     */
+    searchModel(keyword) {
+      // 搜索分析器未初始化则提示
+      if (!this.searchLoaded) {
+        this.$message.warning('搜索功能初始化中，请稍后...')
+        return
+      }
+      // 空关键词则隐藏搜索结果
+      if (!keyword || keyword.trim() === '') {
+        this.showSearchResult = false
+        this.searchResult = []
+        return
+      }
+
+      // 构造搜索请求
+      const searchRequest = new FMSearchRequest()
+      searchRequest.levels = [5] // 只搜索level=5的楼层（与原逻辑一致）
+      searchRequest.type = fengmap.FMType.MODEL
+      searchRequest.addCondition({ keyword: keyword.trim() })
+
+      // 执行搜索
+      this.searchAnalyser.query(searchRequest, (result) => {
+        this.searchResult = result
+        this.selectedIndex = -1
+        this.showSearchResult = true
+        this.showNaviResult = false // 隐藏路径结果
+      })
+    },
+
+    /**
+     * 11. 设置起点图标和数据（替代setStart）
+     */
+    setStart() {
+      if (!this.clickPoint) return
+
+      // 清除原有起点图标
+      if (this.startMarker) {
+        this.startMarker.remove()
+        this.startMarker = null
+      }
+
+      // 保存起点数据
+      this.start = { ...this.clickPoint }
+
+      // 创建新起点图标
+      this.startMarker = new fengmap.FMImageMarker({
+        url: 'https://developer.fengmap.com/fmAPI/images/navi/start.png',
+        x: this.clickPoint.x,
+        y: this.clickPoint.y
+      })
+
+      // 添加图标到对应楼层
+      const floor = this.map.getFloor(this.clickPoint.level)
+      this.startMarker.addTo(floor)
+
+      // 清除选点弹窗
+      if (this.domMarker) {
+        this.domMarker.remove()
+        this.domMarker = null
+      }
+
+      // 更新输入框值
+      this.startInput = this.start.name || '地图选点'
+    },
+
+    /**
+     * 12. 设置终点图标和数据（替代setEnd）
+     */
+    setEnd() {
+      if (!this.clickPoint) return
+
+      // 清除原有终点图标
+      if (this.endMarker) {
+        this.endMarker.remove()
+        this.endMarker = null
+      }
+
+      // 保存终点数据
+      this.dest = { ...this.clickPoint }
+
+      // 创建新终点图标
+      this.endMarker = new fengmap.FMImageMarker({
+        url: 'https://developer.fengmap.com/fmAPI/images/navi/end.png',
+        x: this.clickPoint.x,
+        y: this.clickPoint.y
+      })
+
+      // 添加图标到对应楼层
+      const floor = this.map.getFloor(this.clickPoint.level)
+      this.endMarker.addTo(floor)
+
+      // 清除选点弹窗
+      if (this.domMarker) {
+        this.domMarker.remove()
+        this.domMarker = null
+      }
+
+      // 更新输入框值
+      this.endInput = this.dest.name || '地图选点'
+    },
+
+    /**
+     * 13. 切换路径模式（最短/最优，替代onChangeMode）
+     */
+    handleChangeMode(modeType) {
+      this.currentMode = modeType
+      // 重新规划路径
+      this.handleNaviAndDrawLine()
+    },
+
+    /**
+     * 14. 分析路径并绘制路线（替代naviAndDrawLine）
+     */
+    handleNaviAndDrawLine() {
+      // 起终点不全则返回
+      if (!this.start || !this.dest) {
+        this.$message.warning('请先选择起点和终点')
+        return
+      }
+
+      // 清除原有路径线
+      if (this.lineMarker) {
+        this.lineMarker.remove()
+        this.lineMarker = null
+      }
+
+      // 设置避障区域（仅避障模式生效）
+      if (this.activeTab === '2') {
+        const obstructions = this.obstacleAreas.map(points => {
+          return new FMNaviObstruction({
+            level: this.map.getLevel(),
+            points
+          })
+        })
+        this.routeAnalyser.setObstructions(obstructions)
+      } else {
+        this.routeAnalyser.setObstructions([])
+      }
+
+      // 构造路径请求参数
+      const naviMode = this.currentMode === 'shortest'
+        ? FMNaviMode.MODULE_SHORTEST
+        : FMNaviMode.MODULE_BEST
+      const request = {
+        start: this.start,
+        dest: this.dest,
+        mode: naviMode,
+        priority: FMNaviPriority.PRIORITY_LIFTFIRST // 直梯优先（与原逻辑一致）
+      }
+
+      // 执行路径分析
+      this.routeAnalyser.route(
+        request,
+        (result) => {
+          // 隐藏搜索结果，显示路径结果
+          this.showSearchResult = false
+          this.showNaviResult = true
+          this.naviResult = result
+
+          // 绘制路径线
+          const segments = []
+          let currentSegment = new fengmap.FMSegment()
+
+          result.subs.forEach((leg, index) => {
+            // 同一楼层的路径点合并为一个线段
+            if (leg.levels[0] === leg.levels[1]) {
+              // 设置路径点z轴高度（避免贴地）
+              leg.waypoint.points.forEach(point => {
+                point.z = 0.5
+              })
+
+              if (currentSegment.points) {
+                // 移除重复的第一个点（避免线段重叠）
+                const points = leg.waypoint.points.slice(1)
+                currentSegment.points = currentSegment.points.concat(points)
+              } else {
+                currentSegment.points = leg.waypoint.points
+              }
+              currentSegment.level = leg.levels[0]
+
+              // 最后一个路径段直接添加
+              if (index === result.subs.length - 1) {
+                segments.push(currentSegment)
+              }
+            } else {
+              // 跨楼层则结束当前线段，开始新线段
+              segments.push(currentSegment)
+              currentSegment = new fengmap.FMSegment()
+            }
+          })
+
+          // 创建路径线图标并添加到地图
+          this.lineMarker = new fengmap.FMLineMarker({
+            segments: segments,
+            smooth: true // 路径线平滑处理
+          })
+          this.lineMarker.addTo(this.map)
+        },
+        () => {
+          // 路径规划失败处理
+          this.showNaviResult = true
+          this.naviResult = { subs: [], distance: 0 }
+          this.$message.error('路径规划失败，请检查起终点是否可达')
+        }
+      )
+    },
+
+    /**
+     * 15. 清除地图所有元素（替代clearAll）
+     */
+    handleClearAll() {
+      // 清空输入框
+      this.startInput = ''
+      this.endInput = ''
+
+      // 隐藏结果区域
+      this.showSearchResult = false
+      this.showNaviResult = false
+
+      // 清空起终点数据
+      this.start = null
+      this.dest = null
+
+      // 清除起终点图标
+      if (this.startMarker) {
+        this.startMarker.remove()
+        this.startMarker = null
+      }
+      if (this.endMarker) {
+        this.endMarker.remove()
+        this.endMarker = null
+      }
+
+      // 清除路径线
+      if (this.lineMarker) {
+        this.lineMarker.remove()
+        this.lineMarker = null
+      }
+
+      // 清除选点弹窗
+      if (this.domMarker) {
+        this.domMarker.remove()
+        this.domMarker = null
+      }
+
+      // 清除搜索结果
+      this.searchResult = []
+      this.selectedIndex = -1
+    },
+
+    /**
+     * 16. 选中搜索结果（替代onResultSelected）
+     */
+    handleResultSelected(index) {
+      const selectedItem = this.searchResult[index]
+      if (!selectedItem) return
+
+      // 更新输入框值
+      const floorName = this.getFloorNameByGid(selectedItem.level)
+      if (this.activeInput === 'startInput') {
+        this.startInput = `${selectedItem.name} ${floorName}`
+      } else {
+        this.endInput = `${selectedItem.name} ${floorName}`
+      }
+
+      // 设置点击坐标并渲染起/终点图标
+      this.clickPoint = {
+        level: selectedItem.level,
+        x: selectedItem.center.x,
+        y: selectedItem.center.y,
+        name: selectedItem.name
+      }
+
+      if (this.activeInput === 'startInput') {
+        this.setStart()
+      } else {
+        this.setEnd()
+      }
+
+      // 隐藏搜索结果
+      this.showSearchResult = false
+    },
+
+    /**
+     * 17. 点击路径步骤定位到对应位置（替代onRouteClick）
+     */
+    handleRouteClick(step) {
+      const points = step.waypoint.points
+      if (points.length < 2) return
+
+      // 计算路径段中心点
+      const centerX = (points[0].x + points[1].x) / 2
+      const centerY = (points[0].y + points[1].y) / 2
+
+      // 地图定位到中心点并放大
+      this.map.setCenter({
+        x: centerX,
+        y: centerY,
+        animate: true,
+        finish: () => {
+          this.map.setZoom({ zoom: 21, animate: true })
+        }
+      })
+    },
+
+    /**
+     * 18. 清除避障区域图标（替代clearObstructMarker）
+     */
+    clearObstructMarker() {
+      this.obstructMarkers.forEach(marker => {
+        marker.remove()
+      })
+      this.obstructMarkers = []
+    },
+
+    /**
+     * 19. 添加避障区域图标（替代addObstructMarker）
+     */
+    addObstructMarker() {
+      const floor = this.map.getFloor(this.map.getLevel())
+      const markers = this.obstacleAreas.map(points => {
+        const marker = new fengmap.FMPolygonMarker({
+          points,
+          opacity: 0.5,
+          color: '#FF4C3F' // 避障区域红色半透明（与原逻辑视觉一致）
+        })
+        marker.addTo(floor)
+        return marker
+      })
+      this.obstructMarkers = markers
+    },
+
+    /**
+     * 20. Tab切换事件（替代layui的tab事件）
+     */
+    handleTabChange() {
+      // 切换Tab时清除所有元素
+      this.handleClearAll()
+      // 避障模式添加避障区域图标
+      if (this.activeTab === '2') {
+        this.addObstructMarker()
+      } else {
+        this.clearObstructMarker()
+      }
+    },
+
+    /**
+     * 21. 清除所有资源（组件销毁前调用）
+     */
+    clearAllResources() {
+      this.clearObstructMarker()
+      if (this.searchAnalyser) this.searchAnalyser.destroy()
+      if (this.routeAnalyser) this.routeAnalyser.destroy()
+    },
+
+    /**
+     * 22. 获取方向图标URL（用于路径步骤显示）
+     */
+    getDirectionIcon(direction) {
+      const imgName = this.directionImg[direction] || 'front.png'
+      return `https://developer.fengmap.com/fmAPI/images/navi/${imgName}`
+    },
+
+    updateClickUI(event, clickMode, floor) {
+      // 拾取模型对象
+      const target = event.targets[0]
+      console.log('event:', event)
+      console.log('拾取模型对象:', target)
+      console.log('name:', target?.name)
+      console.log('floor:', floor)
+      // 拾取模型类型
+      const mType = target?.type || 'NONE'
+      console.log('拾取模型类型:', mType)
+      // 封装拾取信息（新增 clickMode 和 floor 的展示）
+      let infoHtml = '<div class="layui-card-body">'
+      // infoHtml += `<p><label>事件触发：</label>${event.type}</p>`
+      // infoHtml += `<p><label>拾取对象类：</label>${mType}</p>`
+      // infoHtml += `<p><label>点击模式（目标）：</label>${clickMode?.type || clickMode}</p>` // 展示点击目标类型
+      infoHtml += `<p><label>当前楼层：</label>${floor?.name || floor}</p>` // 展示楼层名称/信息
+      infoHtml += `<p><label>当前区域：</label>${target?.name || '[位置]' + floor?.name}</p>` // 展示楼层名称/信息
+      infoHtml += `<p><label>level：</label>${event?.level || ''}</p>`
+      infoHtml += `<p><label>FID：</label>${target?.FID || ''}</p>`
+      infoHtml += `<p><label>点击位置坐标：</label>x：${event.coords.x || ''}<br/>y：${event.coords.y || ''}</p>`
+      infoHtml += `<p><label>元素中心点坐标：</label>x：${target?.x || ''}<br/>y：${target?.y || ''}</p>`
+      infoHtml += `</div>`
+      const infoDiv = document.getElementById('info')
+      infoDiv.innerHTML = infoHtml
+    },
+
+    search(ops) {
+      console.log('搜索参数:', ops)
+      const searchRequest = new FMSearchRequest()
+      console.log('searchRequest', searchRequest)
+      searchRequest.levels = ops.level
+      console.log('fengmap.FMType.MODEL', fengmap.FMType.MODEL)
+      searchRequest.type = fengmap.FMType.MODEL
+      // searchRequest.addCondition({ 'typeID': ops.typeID })
+      if (ops.text && ops.text !== '') {
+        searchRequest.addCondition({ 'keyword': { 'text': ops.text, fuzzy: ops.search }})
+      }
+      console.log('searchRequest', searchRequest)
+      this.analyser.query(searchRequest, (result) => {
+        const newResult = result.filter((item) => item.name !== undefined)
+        let data = []
+        if (ops.level.length > 1) {
+          data = newResult
+        } else {
+          data = newResult.filter((item) => item.level === ops.level[0])
+        }
+        this.addImgMarker(data, ops)
+      })
+    },
+    addImgMarker(data, obj) {
+      if (this.imageMarkers) {
+        this.imageMarkers.forEach(item => { item.remove() })
+        this.imageMarkers = null
+      }
+      console.log('搜索结果:', data)
+      this.imageMarkers = data.map(feature => {
+        const marker = new fengmap.FMImageMarker({
+          url: locationIcon,
+          x: feature.center.x,
+          y: feature.center.y,
+          anchor: fengmap.FMMarkerAnchor.BOTTOM
+        })
+        const floor = this.map.getFloor(feature.level)
+        const model = floor.getLayers(fengmap.FMType.MODEL_LAYER)[0].getFeatures().find(item => item.FID === feature.FID)
+        console.log('model', model.getData())
+        model.setColor('red')
+        marker.addTo(floor)
+        return marker
+      })
+    },
+    // -----------------------------------------------------------------
+    getMarkerColor(index) {
+      return this.markerColors[index]
+    },
+    async addLocationMarker(index, ops = {}) {
+      try {
+        if (this.markers[index].marker) {
+          this.markers[index].marker.remove()
+          this.markers[index].marker = null
+        }
+
+        const markerConfig = {
+          height: 0.2,
+          size: 23,
+          level: 5,
+          url: 'https://developer.fengmap.com/fmAPI/images/location.png',
+          x: 11791504,
+          y: 3418833.5,
+          color: this.markerColors[index], // 设置不同颜色
+          ...ops
+        }
+
+        this.markers[index].marker = new fengmap.FMLocationMarker(markerConfig)
+        this.markers[index].marker.addTo(this.map)
+      } catch (error) {
+        console.error(`添加定位标记${index + 1}失败:`, error)
+        this.debugInfo = `添加标记${index + 1}失败: ${error.message}`
+      }
+    },
+    async getRealtimePosition(index) {
+      // 模拟不同定位点的位置
+      const baseX = 11791504 + (index * 50) // 不同定位点基础位置间隔50
+      const baseY = 3418833.5 + (index * 50)
+      return {
+        x: baseX + Math.random() * 20 - 10,
+        y: baseY + Math.random() * 20 - 10,
+        level: 5
+      }
+    },
+    async updateMarkerPosition(index) {
+      try {
+        const position = await this.getRealtimePosition(index)
+        if (this.markers[index].marker) {
+          this.markers[index].marker.moveTo({
+            x: position.x,
+            y: position.y,
+            level: position.level,
+            animate: true,
+            duration: 0.5
+          })
+        } else {
+          this.addLocationMarker(index, position)
+        }
+
+        // 记录位置信息
+        this.markers[index].positions.push({
+          x: position.x,
+          y: position.y,
+          timestamp: new Date().toLocaleString()
+        })
+
+        this.debugInfo = `定位点${index + 1}更新: x=${position.x.toFixed(2)}, y=${position.y.toFixed(2)}`
+      } catch (error) {
+        console.error(`更新位置${index + 1}失败:`, error)
+        this.debugInfo = `更新位置${index + 1}失败: ${error.message}`
+      }
+    },
+    startTracking(index) {
+      if (this.markers[index].timer) {
+        this.$message.warning(`定位点${index + 1}已在追踪中`)
+        return
+      }
+
+      this.markers[index].active = true
+      this.markers[index].remainTime = 60
+      this.markers[index].positions = [] // 清空历史位置记录
+
+      // 倒计时定时器
+      this.markers[index].remainTimer = setInterval(() => {
+        this.markers[index].remainTime--
+        if (this.markers[index].remainTime <= 0) {
+          this.stopTracking(index)
+        }
+      }, 1000)
+
+      // 位置更新定时器
+      this.updateMarkerPosition(index)
+      this.markers[index].timer = setInterval(() => {
+        this.updateMarkerPosition(index)
+      }, 3000)
+
+      this.$message.success(`定位点${index + 1}开始追踪`)
+    },
+    stopTracking(index) {
+      if (this.markers[index].timer) {
+        clearInterval(this.markers[index].timer)
+        clearInterval(this.markers[index].remainTimer)
+        this.markers[index].timer = null
+        this.markers[index].remainTimer = null
+        this.markers[index].remainTime = 0
+        this.markers[index].active = false
+
+        // 输出位置记录
+        console.log(`定位点${index + 1}位置记录:`, this.markers[index].positions)
+        this.$message.info(`定位点${index + 1}追踪已停止`)
+      }
+    },
+    stopAllTracking() {
+      this.markers.forEach((_, index) => {
+        this.stopTracking(index)
+      })
+      this.$message.info('所有定位点追踪已停止')
+    },
+    beforeDestroy() {
+      this.stopAllTracking()
+      this.markers.forEach(markerInfo => {
+        if (markerInfo.marker) {
+          markerInfo.marker.remove()
+        }
+      })
+      if (this.map) {
+        this.map.dispose()
+        this.map = null
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import "~@/assets/fengmap/toolBarStyle.css";
+#fengmap {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: #f5f5f5;
+}
+.rightMask{
+  width: 162px;
+  height: 42px;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  background: #fff;
+}
+.debug-info {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  background: rgba(0, 0, 0, 0.7);
+  color: white;
+  padding: 10px;
+  border-radius: 4px;
+  font-size: 12px;
+  max-width: 80%;
+  z-index: 99999999;
+}
+
+.info{
+  position: absolute;
+  top: 0;
+  right: 20px;
+  background: rgba(0, 0, 0, 0.7);
+  color: white;
+  width: 400px;
+  // height: 200px;
+  padding: 10px;
+  z-index: 999999999999;
+}
+
+/*.control-panel {
+  position: fixed;
+  top: 20px;
+  right: 20px;
+  background: rgba(255, 255, 255, 0.9);
+  padding: 15px;
+  border-radius: 4px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  z-index: 1000;
+}
+
+.button-group {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 10px;
+}
+
+.tracking-info {
+  margin-top: 10px;
+  padding-top: 10px;
+  border-top: 1px solid #eee;
+}
+
+.marker-status {
+  margin: 5px 0;
+  font-size: 14px;
+} */
+</style>
diff --git a/vue.config.js b/vue.config.js
index d79111a..fa97098 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -53,12 +53,12 @@ module.exports = {
         pathRewrite: {
           '^/auth': 'auth'
         }
+      },
+      '/fengmap': {
+        target: 'https://developer.fengmap.com/',
+        changeOrigin: true,
+        pathRewrite: { '^/fengmap': '' }
       }
-      // '/fengmap': {
-      //   target: 'https://developer.fengmap.com/',
-      //   changeOrigin: true,
-      //   pathRewrite: { '^/fengmap': '' }
-      // }
     }
   },
   configureWebpack: {