Hooke / map-demo

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
49a14060 1 parent 134a1021

fix 导航数据显示优化

Inline Side-by-side
Showing 1 changed file with 11 additions and 9 deletions
1 <!-- 1 <!--
2 * @Date: 2023-05-19 14:54:27 2 * @Date: 2023-05-19 14:54:27
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-08-19 17:33:28 4 + * @LastEditTime: 2024-08-19 17:42:32
5 * @FilePath: /map-demo/src/views/index.vue 5 * @FilePath: /map-demo/src/views/index.vue
6 * @Description: 公众地图主体页面 6 * @Description: 公众地图主体页面
7 --> 7 -->
...@@ -48,13 +48,15 @@ ...@@ -48,13 +48,15 @@
48 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%AE%9A%E4%BD%8Dloc@2x.png" size="1.5rem" 48 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%AE%9A%E4%BD%8Dloc@2x.png" size="1.5rem"
49 style="vertical-align: middle;" /> 49 style="vertical-align: middle;" />
50 </div> --> 50 </div> -->
51 - <div v-if="open_safe_route" class="item" @click="handleSafeRoute(true)"> 51 + <div v-if="Object.keys(data_paths)?.length">
52 - <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF01.png" size="1.5rem" 52 + <div v-if="open_safe_route" class="item" @click="handleSafeRoute(true)">
53 - style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" /> 53 + <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF01.png" size="1.5rem"
54 - </div> 54 + style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" />
55 - <div v-else class="item" @click="handleSafeRoute(false)"> 55 + </div>
56 - <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF02.png" size="1.5rem" 56 + <div v-else class="item" @click="handleSafeRoute(false)">
57 - style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" /> 57 + <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E7%BA%BF%E8%B7%AF02.png" size="1.5rem"
58 + style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" />
59 + </div>
58 </div> 60 </div>
59 </div> 61 </div>
60 </div> 62 </div>
...@@ -260,7 +262,7 @@ export default { ...@@ -260,7 +262,7 @@ export default {
260 this.data_zoom = data.map.zoom; // 地图默认缩放 262 this.data_zoom = data.map.zoom; // 地图默认缩放
261 this.data_rotation = data.map.rotation; // 地图旋转角度 263 this.data_rotation = data.map.rotation; // 地图旋转角度
262 this.data_zooms = data.map.zooms.map(item => Number(item)); // 地图默认缩放范围 264 this.data_zooms = data.map.zooms.map(item => Number(item)); // 地图默认缩放范围
263 - this.data_paths = data.map.path; // 地图默认导航路径 265 + this.data_paths = data.map.path ? data.map.path : {}; // 地图默认导航路径
264 // 初始化地图 266 // 初始化地图
265 this.initMap(); 267 this.initMap();
266 // this.setMapBoundary(); 268 // this.setMapBoundary();
......