Hooke / map-demo

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
00a5736a 1 parent 432dd9d7

fix 导航路径测试调整

Inline Side-by-side
Showing 3 changed files with 182 additions and 9 deletions
1 +/*
2 + * @Date: 2023-07-21 14:25:45
3 + * @LastEditors: hookehuyr hookehuyr@gmail.com
4 + * @LastEditTime: 2023-07-24 11:25:29
5 + * @FilePath: /map-demo/src/common/inner_router.js
6 + * @Description: 文件描述
7 + */
8 +const testInfo = [
9 + {
10 + id: 0,
11 + path: [
12 + [120.588288, 31.314212],
13 + [120.587711, 31.314184],
14 + [120.587694, 31.314368],
15 + [120.587662, 31.314585],
16 + [120.587474, 31.314573],
17 + [120.587453, 31.314773],
18 + [120.58765, 31.314786],
19 + [120.587453, 31.314773],
20 + [120.587422, 31.314937],
21 + [120.587233, 31.314961],
22 + [120.587205, 31.315508],
23 + [120.587197, 31.315602],
24 + [120.587564, 31.315631],
25 + [120.587197, 31.315602],
26 + [120.586621, 31.315511],
27 + [120.586368, 31.315492],
28 + [120.586123, 31.315362],
29 + [120.585778, 31.31531],
30 + ],
31 + distance: '',
32 + },
33 + {
34 + id: 1,
35 + path: [
36 + [120.588288, 31.314212],
37 + [120.587711, 31.314184],
38 + [120.587694, 31.314368],
39 + [120.587662, 31.314585],
40 + [120.587474, 31.314573],
41 + [120.587453, 31.314773],
42 + [120.58765, 31.314786],
43 + [120.587453, 31.314773],
44 + [120.587422, 31.314937],
45 + [120.586936, 31.314948],
46 + [120.58654, 31.315012],
47 + [120.586161, 31.314977],
48 + ],
49 + distance: '',
50 + },
51 + {
52 + id: 2,
53 + path: [
54 + [120.588219, 31.314222],
55 + [120.587721, 31.314186],
56 + [120.587696, 31.314375],
57 + [120.587737, 31.314572],
58 + [120.588236, 31.314615],
59 + [120.58826, 31.314719],
60 + [120.588251, 31.314771],
61 + [120.588204, 31.314767],
62 + [120.588186, 31.314927],
63 + [120.588172, 31.315067],
64 + ],
65 + distance: '',
66 + },
67 + {
68 + id: 3,
69 + path: [
70 + [120.588191, 31.314226],
71 + [120.587711, 31.314177],
72 + [120.587691, 31.314343],
73 + [120.587239, 31.314309],
74 + [120.586816, 31.314399],
75 + [120.586747, 31.314405],
76 + [120.586738, 31.314469],
77 + [120.585985, 31.314409],
78 + [120.585984, 31.314337],
79 + [120.585887, 31.314318],
80 + [120.585895, 31.314159],
81 + [120.585598, 31.314131],
82 + [120.585412, 31.314195],
83 + [120.585225, 31.314164],
84 + [120.585152, 31.314032],
85 + [120.585234, 31.313942],
86 + [120.585311, 31.313884],
87 + [120.585415, 31.313934],
88 + [120.585601, 31.313955],
89 + [120.585889, 31.313961],
90 + [120.586052, 31.31397],
91 + [120.586081, 31.313569],
92 + [120.586081, 31.313569],
93 + [120.585678, 31.313533],
94 + [120.586081, 31.313569],
95 + [120.586083, 31.31353],
96 + [120.58643, 31.313572],
97 + [120.586083, 31.31353],
98 + [120.586094, 31.3134],
99 + [120.585709, 31.313362],
100 + [120.586094, 31.3134],
101 + [120.586101, 31.313334],
102 + [120.586365, 31.31335],
103 + [120.586101, 31.313334],
104 + [120.586118, 31.313165],
105 + ],
106 + distance: '',
107 + },
108 + {
109 + id: 4,
110 + path: [
111 + [120.588303, 31.314235],
112 + [120.58725, 31.314125],
113 + [120.587255, 31.314047],
114 + [120.587095, 31.314031],
115 + [120.587096, 31.313934],
116 + [120.586729, 31.313905],
117 + [120.586678, 31.314393],
118 + ],
119 + distance: '',
120 + },
121 + {
122 + id: 5,
123 + path: [
124 + [120.588303, 31.314235],
125 + [120.58725, 31.314125],
126 + [120.587255, 31.314047],
127 + [120.587095, 31.314031],
128 + [120.587096, 31.313934],
129 + [120.586729, 31.313905],
130 + [120.586811, 31.313178],
131 + [120.58668, 31.313163],
132 + ],
133 + distance: '',
134 + },
135 + {
136 + id: 6,
137 + path: [
138 + [120.588303, 31.314235],
139 + [120.58725, 31.314125],
140 + [120.587255, 31.314047],
141 + [120.587095, 31.314031],
142 + [120.587131, 31.313915],
143 + [120.587165, 31.313619],
144 + [120.587178, 31.313514],
145 + [120.58725, 31.31352],
146 + ],
147 + distance: '',
148 + },
149 + // {
150 + // id: 2,
151 + // path: [
152 + // ],
153 + // distance: '',
154 + // },
155 +];
156 +
157 +// 照壁[120.587882,31.312884]-双桥[120.588164,31.31305]-牌坊[120.587823,31.313276]-山门[120.587811,31.313508]-鼓楼[120.5875,31.31407]-公共厕所[120.587103,31.314234]-包子铺[120.586912,31.314195]-开水房[120.586812,31.314049]；
158 +// 照壁[120.587882,31.312884]-双桥[120.588164,31.31305]-牌坊[120.587823,31.313276]-山门[120.587811,31.313508]-鼓楼[120.5875,31.31407]-天王殿[120.58769,31.314535]-素食馆[120.587352,31.314496]-罗汉堂[120.587176,31.314839]-集云轩[120.587113,31.314473]-般若堂[120.586966,31.314526]-茶室[120.58681,31.314981]-湖心亭[120.58653,31.315118]-神鼋[120.586157,31.315011]；
159 +// 照壁[120.587882,31.312884]-双桥[120.588164,31.31305]-牌坊[120.587823,31.313276]-山门[120.587811,31.313508]-钟楼[120.587985,31.31411]-天王殿[120.58769,31.314535]-客堂、行政办公室[120.58798,31.314679]-观音殿[120.58791,31.314799]-大雄宝殿[120.587621,31.31513]-老念佛堂[120.587295,31.315548]-挂单寮[120.587574,31.315582]-地藏殿[120.587853,31.315603]；
160 +export default testInfo;
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: 2023-07-19 17:05:37 4 + * @LastEditTime: 2023-07-21 14:29:26
5 * @FilePath: /map-demo/src/views/index.vue 5 * @FilePath: /map-demo/src/views/index.vue
6 * @Description: 地图主体页面 6 * @Description: 地图主体页面
7 --> 7 -->
...@@ -660,6 +660,7 @@ export default { ...@@ -660,6 +660,7 @@ export default {
660 }); 660 });
661 let lngLat = [120.587234, 31.314147]; // 左边 661 let lngLat = [120.587234, 31.314147]; // 左边
662 // const lngLat = [120.588178, 31.314396]; // 右边 662 // const lngLat = [120.588178, 31.314396]; // 右边
663 + // console.log(this.current_lng ,this.current_lat);
663 // 构建路线结构 664 // 构建路线结构
664 // 如果建筑不在导航路径上面需要单独处理, 直接查询建筑离哪个导航路径最近显示出来 665 // 如果建筑不在导航路径上面需要单独处理, 直接查询建筑离哪个导航路径最近显示出来
665 const route_obj = array.length ? array: my_router; 666 const route_obj = array.length ? array: my_router;
...@@ -800,13 +801,19 @@ export default { ...@@ -800,13 +801,19 @@ export default {
800 showInfoClick(e) { 801 showInfoClick(e) {
801 // console.log(e); 802 // console.log(e);
802 var zoom = this.map.getZoom(); //获取当前地图级别 803 var zoom = this.map.getZoom(); //获取当前地图级别
804 + // var text =
805 + // "您在 [" +
806 + // e.lnglat.getLng() +
807 + // "," +
808 + // e.lnglat.getLat() +
809 + // "] 的位置单击了地图！当前层级" +
810 + // zoom;
803 var text = 811 var text =
804 - "您在 [" + 812 + "[" +
805 e.lnglat.getLng() + 813 e.lnglat.getLng() +
806 "," + 814 "," +
807 e.lnglat.getLat() + 815 e.lnglat.getLat() +
808 - "] 的位置单击了地图！当前层级" + 816 + "]"
809 - zoom;
810 console.log(text); 817 console.log(text);
811 // 点击空白处 关闭弹框 818 // 点击空白处 关闭弹框
812 this.closeInfoWindow(); 819 this.closeInfoWindow();
......
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: 2023-07-19 17:06:18 4 + * @LastEditTime: 2023-07-21 14:32:47
5 * @FilePath: /map-demo/src/views/inner.vue 5 * @FilePath: /map-demo/src/views/inner.vue
6 * @Description: 地图主体页面 6 * @Description: 地图主体页面
7 --> 7 -->
...@@ -120,7 +120,7 @@ ...@@ -120,7 +120,7 @@
120 import coord from '@/common/map_data' 120 import coord from '@/common/map_data'
121 import map_max from '@/common/max' 121 import map_max from '@/common/max'
122 import map_yard from '@/common/yard' 122 import map_yard from '@/common/yard'
123 -import my_router from '@/common/my_router' 123 +import my_router from '@/common/inner_router'
124 import map_members from '@/common/members' 124 import map_members from '@/common/members'
125 import _ from 'lodash'; 125 import _ from 'lodash';
126 import $ from 'jquery'; 126 import $ from 'jquery';
...@@ -870,13 +870,19 @@ export default { ...@@ -870,13 +870,19 @@ export default {
870 showInfoClick(e) { 870 showInfoClick(e) {
871 // console.log(e); 871 // console.log(e);
872 var zoom = this.map.getZoom(); //获取当前地图级别 872 var zoom = this.map.getZoom(); //获取当前地图级别
873 + // var text =
874 + // "您在 [" +
875 + // e.lnglat.getLng() +
876 + // "," +
877 + // e.lnglat.getLat() +
878 + // "] 的位置单击了地图！当前层级" +
879 + // zoom;
873 var text = 880 var text =
874 - "您在 [" + 881 + "[" +
875 e.lnglat.getLng() + 882 e.lnglat.getLng() +
876 "," + 883 "," +
877 e.lnglat.getLat() + 884 e.lnglat.getLat() +
878 - "] 的位置单击了地图！当前层级" + 885 + "],"
879 - zoom;
880 console.log(text); 886 console.log(text);
881 // 点击空白处 关闭弹框 887 // 点击空白处 关闭弹框
882 this.closeInfoWindow(); 888 this.closeInfoWindow();
......