Showing
3 changed files
with
133 additions
and
130 deletions
| 1 | -// var sheshi = [ | ||
| 2 | -// { | ||
| 3 | -// name: '停车场', | ||
| 4 | -// position: [116.418563, 39.883041], | ||
| 5 | -// icon: 'https://a.amap.com/jsapi_demos/static/resource/img/停车场.png', | ||
| 6 | -// }, | ||
| 7 | -// { | ||
| 8 | -// name: '洗手间', | ||
| 9 | -// position: [116.415419, 39.883125], | ||
| 10 | -// icon: 'https://a.amap.com/jsapi_demos/static/resource/img/洗手间.png', | ||
| 11 | -// }, | ||
| 12 | -// { | ||
| 13 | -// name: '洗手间', | ||
| 14 | -// position: [116.410226, 39.88364], | ||
| 15 | -// icon: 'https://a.amap.com/jsapi_demos/static/resource/img/洗手间.png', | ||
| 16 | -// }, | ||
| 17 | -// { | ||
| 18 | -// name: '洗手间', | ||
| 19 | -// position: [116.412247, 39.887258], | ||
| 20 | -// icon: 'https://a.amap.com/jsapi_demos/static/resource/img/洗手间.png', | ||
| 21 | -// }, | ||
| 22 | -// { | ||
| 23 | -// name: '洗手间', | ||
| 24 | -// position: [116.412701, 39.874841], | ||
| 25 | -// icon: 'https://a.amap.com/jsapi_demos/static/resource/img/洗手间.png', | ||
| 26 | -// }, | ||
| 27 | -// { | ||
| 28 | -// name: '售票处', | ||
| 29 | -// position: [116.412442, 39.887925], | ||
| 30 | -// icon: 'https://a.amap.com/jsapi_demos/static/resource/img/门票.png', | ||
| 31 | -// }, | ||
| 32 | -// { | ||
| 33 | -// name: '售票处', | ||
| 34 | -// position: [116.413039, 39.874522], | ||
| 35 | -// icon: 'https://a.amap.com/jsapi_demos/static/resource/img/门票.png', | ||
| 36 | -// }, | ||
| 37 | -// ]; | ||
| 38 | - | ||
| 39 | -// var touristSpots = [ | ||
| 40 | -// { | ||
| 41 | -// name: '祈年殿', | ||
| 42 | -// position: [116.412866, 39.88365], | ||
| 43 | -// zIndex: 300, | ||
| 44 | -// smallIcon: 'https://a.amap.com/jsapi_demos/static/resource/img/故宫.png', | ||
| 45 | -// bigIcon: 'https://a.amap.com/jsapi_demos/static/resource/img/qiniandian.png', | ||
| 46 | -// size: [128, 160], | ||
| 47 | -// anchor: 'bottom-center', | ||
| 48 | -// minZoom: 19, | ||
| 49 | -// }, | ||
| 50 | -// { | ||
| 51 | -// name: '西天门', | ||
| 52 | -// position: [116.405562, 39.881166], | ||
| 53 | -// smallIcon: 'https://a.amap.com/jsapi_demos/static/resource/img/门.png', | ||
| 54 | -// bigIcon: 'https://a.amap.com/jsapi_demos/static/resource/img/men.png', | ||
| 55 | -// size: [146, 144], | ||
| 56 | -// anchor: 'bottom-center', | ||
| 57 | -// minZoom: 18, | ||
| 58 | -// }, | ||
| 59 | -// { | ||
| 60 | -// name: '北天门', | ||
| 61 | -// position: [116.412745, 39.885776], | ||
| 62 | -// smallIcon: 'https://a.amap.com/jsapi_demos/static/resource/img/门.png', | ||
| 63 | -// bigIcon: 'https://a.amap.com/jsapi_demos/static/resource/img/men2.png', | ||
| 64 | -// size: [185, 94], | ||
| 65 | -// anchor: 'bottom-center', | ||
| 66 | -// minZoom: 17, | ||
| 67 | -// }, | ||
| 68 | -// { | ||
| 69 | -// name: '百花园', | ||
| 70 | -// position: [116.40783, 39.88212], | ||
| 71 | -// zIndex: 200, | ||
| 72 | -// smallIcon: 'https://a.amap.com/jsapi_demos/static/resource/img/盆景02.png', | ||
| 73 | -// bigIcon: 'https://a.amap.com/jsapi_demos/static/resource/img/men3.png', | ||
| 74 | -// size: [210, 98], | ||
| 75 | -// anchor: 'bottom-center', | ||
| 76 | -// minZoom: 16, | ||
| 77 | -// }, | ||
| 78 | -// { | ||
| 79 | -// name: '万寿亭', | ||
| 80 | -// position: [116.406792, 39.8837], | ||
| 81 | -// smallIcon: 'https://a.amap.com/jsapi_demos/static/resource/img/景点.png', | ||
| 82 | -// bigIcon: 'https://a.amap.com/jsapi_demos/static/resource/img/tingzi.png', | ||
| 83 | -// size: [128, 168], | ||
| 84 | -// anchor: 'bottom-center', | ||
| 85 | -// minZoom: 15, | ||
| 86 | -// }, | ||
| 87 | -// { | ||
| 88 | -// name: '圜丘', | ||
| 89 | -// position: [116.413219, 39.876967], | ||
| 90 | -// smallIcon: 'https://a.amap.com/jsapi_demos/static/resource/img/景点.png', | ||
| 91 | -// bigIcon: 'https://a.amap.com/jsapi_demos/static/resource/img/men4.png', | ||
| 92 | -// size: [148, 137], | ||
| 93 | -// anchor: 'bottom-center', | ||
| 94 | -// minZoom: 15, | ||
| 95 | -// }, | ||
| 96 | -// { | ||
| 97 | -// name: '东天门', | ||
| 98 | -// position: [116.417604, 39.881557], | ||
| 99 | -// smallIcon: 'https://a.amap.com/jsapi_demos/static/resource/img/门.png', | ||
| 100 | -// bigIcon: 'https://a.amap.com/jsapi_demos/static/resource/img/men2.png', | ||
| 101 | -// size: [185, 94], | ||
| 102 | -// anchor: 'bottom-center', | ||
| 103 | -// minZoom: 15, | ||
| 104 | -// }, | ||
| 105 | -// ]; | ||
| 106 | - | ||
| 107 | var spotInfo = [ | 1 | var spotInfo = [ |
| 108 | { | 2 | { |
| 109 | name: '照壁', | 3 | name: '照壁', |
| ... | @@ -158,6 +52,11 @@ var spotInfo = [ | ... | @@ -158,6 +52,11 @@ var spotInfo = [ |
| 158 | ], | 52 | ], |
| 159 | // zoom: { 17: 0, 18: 0, 19: 0, 20: 0 }, | 53 | // zoom: { 17: 0, 18: 0, 19: 0, 20: 0 }, |
| 160 | window_type: 'normal', | 54 | window_type: 'normal', |
| 55 | + path: [ | ||
| 56 | + [120.587944, 31.313359], | ||
| 57 | + [120.58804, 31.313229], | ||
| 58 | + [120.587845, 31.313176], | ||
| 59 | + ], | ||
| 161 | }, | 60 | }, |
| 162 | { | 61 | { |
| 163 | name: '山门殿', | 62 | name: '山门殿', |
| ... | @@ -172,6 +71,10 @@ var spotInfo = [ | ... | @@ -172,6 +71,10 @@ var spotInfo = [ |
| 172 | ], | 71 | ], |
| 173 | // zoom: { 17: 1, 18: 1, 19: 1, 20: 0 }, | 72 | // zoom: { 17: 1, 18: 1, 19: 1, 20: 0 }, |
| 174 | window_type: 'normal', | 73 | window_type: 'normal', |
| 74 | + path: [ | ||
| 75 | + [120.587698, 31.313342], | ||
| 76 | + [120.58794, 31.313358], | ||
| 77 | + ], | ||
| 175 | }, | 78 | }, |
| 176 | { | 79 | { |
| 177 | name: '钟楼', | 80 | name: '钟楼', |
| ... | @@ -185,6 +88,11 @@ var spotInfo = [ | ... | @@ -185,6 +88,11 @@ var spotInfo = [ |
| 185 | }, | 88 | }, |
| 186 | ], | 89 | ], |
| 187 | window_type: 'normal', | 90 | window_type: 'normal', |
| 91 | + path: [ | ||
| 92 | + [120.587874, 31.31401], | ||
| 93 | + [120.58774, 31.31401], | ||
| 94 | + [120.58781, 31.313449], | ||
| 95 | + ], | ||
| 188 | }, | 96 | }, |
| 189 | { | 97 | { |
| 190 | name: '鼓楼', | 98 | name: '鼓楼', |
| ... | @@ -198,6 +106,11 @@ var spotInfo = [ | ... | @@ -198,6 +106,11 @@ var spotInfo = [ |
| 198 | }, | 106 | }, |
| 199 | ], | 107 | ], |
| 200 | window_type: 'normal', | 108 | window_type: 'normal', |
| 109 | + path: [ | ||
| 110 | + [120.587517, 31.313986], | ||
| 111 | + [120.587743, 31.313999], | ||
| 112 | + [120.587818, 31.313453], | ||
| 113 | + ], | ||
| 201 | }, | 114 | }, |
| 202 | { | 115 | { |
| 203 | name: '天王殿', | 116 | name: '天王殿', |
| ... | @@ -222,6 +135,10 @@ var spotInfo = [ | ... | @@ -222,6 +135,10 @@ var spotInfo = [ |
| 222 | }, | 135 | }, |
| 223 | ], | 136 | ], |
| 224 | window_type: 'normal', | 137 | window_type: 'normal', |
| 138 | + path: [ | ||
| 139 | + [120.5877, 31.314391], | ||
| 140 | + [120.587812, 31.313437], | ||
| 141 | + ], | ||
| 225 | }, | 142 | }, |
| 226 | { | 143 | { |
| 227 | name: '大雄宝殿', | 144 | name: '大雄宝殿', |
| ... | @@ -250,6 +167,12 @@ var spotInfo = [ | ... | @@ -250,6 +167,12 @@ var spotInfo = [ |
| 250 | }, | 167 | }, |
| 251 | ], | 168 | ], |
| 252 | window_type: 'normal', | 169 | window_type: 'normal', |
| 170 | + path: [ | ||
| 171 | + [120.587644, 31.314826], | ||
| 172 | + [120.587652, 31.314771], | ||
| 173 | + [120.587705, 31.314363], | ||
| 174 | + [120.587815, 31.313442], | ||
| 175 | + ], | ||
| 253 | }, | 176 | }, |
| 254 | { | 177 | { |
| 255 | name: '罗汉堂', | 178 | name: '罗汉堂', |
| ... | @@ -283,6 +206,12 @@ var spotInfo = [ | ... | @@ -283,6 +206,12 @@ var spotInfo = [ |
| 283 | }, | 206 | }, |
| 284 | ], | 207 | ], |
| 285 | window_type: 'normal', | 208 | window_type: 'normal', |
| 209 | + path: [ | ||
| 210 | + [120.587182, 31.314786], | ||
| 211 | + [120.587464, 31.314773], | ||
| 212 | + [120.587652, 31.314764], | ||
| 213 | + [120.587818, 31.313451], | ||
| 214 | + ], | ||
| 286 | }, | 215 | }, |
| 287 | { | 216 | { |
| 288 | name: '观音殿', | 217 | name: '观音殿', |
| ... | @@ -297,6 +226,12 @@ var spotInfo = [ | ... | @@ -297,6 +226,12 @@ var spotInfo = [ |
| 297 | }, | 226 | }, |
| 298 | ], | 227 | ], |
| 299 | window_type: 'normal', | 228 | window_type: 'normal', |
| 229 | + path: [ | ||
| 230 | + [120.58788, 31.31466], | ||
| 231 | + [120.58789, 31.314594], | ||
| 232 | + [120.587686, 31.314482], | ||
| 233 | + [120.587815, 31.313439], | ||
| 234 | + ], | ||
| 300 | }, | 235 | }, |
| 301 | { | 236 | { |
| 302 | name: '藏经楼', | 237 | name: '藏经楼', |
| ... | @@ -310,6 +245,7 @@ var spotInfo = [ | ... | @@ -310,6 +245,7 @@ var spotInfo = [ |
| 310 | }, | 245 | }, |
| 311 | ], | 246 | ], |
| 312 | window_type: 'normal', | 247 | window_type: 'normal', |
| 248 | + path: [], | ||
| 313 | }, | 249 | }, |
| 314 | { | 250 | { |
| 315 | name: '西花园湖心亭', | 251 | name: '西花园湖心亭', |
| ... | @@ -323,6 +259,15 @@ var spotInfo = [ | ... | @@ -323,6 +259,15 @@ var spotInfo = [ |
| 323 | }, | 259 | }, |
| 324 | ], | 260 | ], |
| 325 | window_type: 'normal', | 261 | window_type: 'normal', |
| 262 | + path: [ | ||
| 263 | + [120.586531, 31.314978], | ||
| 264 | + [120.586811, 31.314982], | ||
| 265 | + [120.587297, 31.314951], | ||
| 266 | + [120.587339, 31.314938], | ||
| 267 | + [120.587352, 31.314823], | ||
| 268 | + [120.58765, 31.314773], | ||
| 269 | + [120.587811, 31.313439], | ||
| 270 | + ], | ||
| 326 | }, | 271 | }, |
| 327 | { | 272 | { |
| 328 | name: '四百岁神龟', | 273 | name: '四百岁神龟', |
| ... | @@ -336,6 +281,16 @@ var spotInfo = [ | ... | @@ -336,6 +281,16 @@ var spotInfo = [ |
| 336 | }, | 281 | }, |
| 337 | ], | 282 | ], |
| 338 | window_type: 'normal', | 283 | window_type: 'normal', |
| 284 | + path: [ | ||
| 285 | + [120.586154,31.314984], | ||
| 286 | + [120.586531, 31.314978], | ||
| 287 | + [120.586811, 31.314982], | ||
| 288 | + [120.587297, 31.314951], | ||
| 289 | + [120.587339, 31.314938], | ||
| 290 | + [120.587352, 31.314823], | ||
| 291 | + [120.58765, 31.314773], | ||
| 292 | + [120.587811, 31.313439], | ||
| 293 | + ], | ||
| 339 | }, | 294 | }, |
| 340 | ]; | 295 | ]; |
| 341 | 296 | ||
| ... | @@ -352,6 +307,11 @@ var toiletInfo = [ | ... | @@ -352,6 +307,11 @@ var toiletInfo = [ |
| 352 | }, | 307 | }, |
| 353 | ], | 308 | ], |
| 354 | window_type: 'lite', | 309 | window_type: 'lite', |
| 310 | + path: [ | ||
| 311 | + [120.587109, 31.314146], | ||
| 312 | + [120.587733, 31.31418], | ||
| 313 | + [120.587811, 31.313453], | ||
| 314 | + ], | ||
| 355 | }, | 315 | }, |
| 356 | ]; | 316 | ]; |
| 357 | 317 | ||
| ... | @@ -384,6 +344,11 @@ var activityInfo = [ | ... | @@ -384,6 +344,11 @@ var activityInfo = [ |
| 384 | }, | 344 | }, |
| 385 | ], | 345 | ], |
| 386 | window_type: 'lite', | 346 | window_type: 'lite', |
| 347 | + path: [ | ||
| 348 | + [120.587482, 31.314518], | ||
| 349 | + [120.587677, 31.314555], | ||
| 350 | + [120.587809, 31.31348], | ||
| 351 | + ], | ||
| 387 | }, | 352 | }, |
| 388 | { | 353 | { |
| 389 | name: '包子铺', | 354 | name: '包子铺', |
| ... | @@ -397,6 +362,11 @@ var activityInfo = [ | ... | @@ -397,6 +362,11 @@ var activityInfo = [ |
| 397 | }, | 362 | }, |
| 398 | ], | 363 | ], |
| 399 | window_type: 'lite', | 364 | window_type: 'lite', |
| 365 | + path: [ | ||
| 366 | + [120.586928, 31.314122], | ||
| 367 | + [120.58773, 31.31418], | ||
| 368 | + [120.587805, 31.313467], | ||
| 369 | + ], | ||
| 400 | }, | 370 | }, |
| 401 | { | 371 | { |
| 402 | name: '开水房', | 372 | name: '开水房', |
| ... | @@ -410,6 +380,11 @@ var activityInfo = [ | ... | @@ -410,6 +380,11 @@ var activityInfo = [ |
| 410 | }, | 380 | }, |
| 411 | ], | 381 | ], |
| 412 | window_type: 'lite', | 382 | window_type: 'lite', |
| 383 | + path: [ | ||
| 384 | + [120.586928, 31.314122], | ||
| 385 | + [120.58773, 31.31418], | ||
| 386 | + [120.587805, 31.313467], | ||
| 387 | + ], | ||
| 413 | }, | 388 | }, |
| 414 | { | 389 | { |
| 415 | name: '茶室', | 390 | name: '茶室', |
| ... | @@ -423,6 +398,13 @@ var activityInfo = [ | ... | @@ -423,6 +398,13 @@ var activityInfo = [ |
| 423 | }, | 398 | }, |
| 424 | ], | 399 | ], |
| 425 | window_type: 'lite', | 400 | window_type: 'lite', |
| 401 | + path: [ | ||
| 402 | + [120.58692, 31.314924], | ||
| 403 | + [120.587333, 31.314947], | ||
| 404 | + [120.587355, 31.314812], | ||
| 405 | + [120.587642, 31.314775], | ||
| 406 | + [120.587808, 31.313462], | ||
| 407 | + ], | ||
| 426 | }, | 408 | }, |
| 427 | ]; | 409 | ]; |
| 428 | 410 | ||
| ... | @@ -439,6 +421,10 @@ const publicInfo = [ | ... | @@ -439,6 +421,10 @@ const publicInfo = [ |
| 439 | }, | 421 | }, |
| 440 | ], | 422 | ], |
| 441 | window_type: 'lite', | 423 | window_type: 'lite', |
| 424 | + path: [ | ||
| 425 | + [120.587701, 31.313342], | ||
| 426 | + [120.587935, 31.313367], | ||
| 427 | + ], | ||
| 442 | }, | 428 | }, |
| 443 | { | 429 | { |
| 444 | name: '东门', | 430 | name: '东门', |
| ... | @@ -452,6 +438,11 @@ const publicInfo = [ | ... | @@ -452,6 +438,11 @@ const publicInfo = [ |
| 452 | }, | 438 | }, |
| 453 | ], | 439 | ], |
| 454 | window_type: 'lite', | 440 | window_type: 'lite', |
| 441 | + path: [ | ||
| 442 | + [120.588198, 31.314374], | ||
| 443 | + [120.587712, 31.31431], | ||
| 444 | + [120.587801, 31.313455], | ||
| 445 | + ], | ||
| 455 | }, | 446 | }, |
| 456 | ]; | 447 | ]; |
| 457 | 448 | ... | ... |
| ... | @@ -28,16 +28,16 @@ | ... | @@ -28,16 +28,16 @@ |
| 28 | </div> | 28 | </div> |
| 29 | </div> | 29 | </div> |
| 30 | <div class="van-hairline--top" style="margin: 1rem 0;"> | 30 | <div class="van-hairline--top" style="margin: 1rem 0;"> |
| 31 | - <div @click="goToUrl()" style="width: 50%; float: left; text-align: center; margin-top: 1rem;" | 31 | + <div @click="goToUrl()" style="width: 50%; float: left; text-align: center; margin-top: 0.75rem;" |
| 32 | class="van-hairline--right"> | 32 | class="van-hairline--right"> |
| 33 | - <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E8%AF%A6%E6%83%85@2x.png" size="1.5rem" color="#FFF" | 33 | + <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E8%AF%A6%E6%83%85@2x.png" size="1.25rem" color="#FFF" |
| 34 | - style="vertical-align: bottom;" /> | 34 | + style="vertical-align: sub;" /> |
| 35 | - <span style="color: #AB8F57; font-size: 1.1rem;">详情</span> | 35 | + <span style="color: #AB8F57; font-size: 1rem;">详情</span> |
| 36 | </div> | 36 | </div> |
| 37 | - <div @click="goToLocation()" style="width: 50%; float: left; text-align: center; margin-top: 1rem;"> | 37 | + <div @click="goToLocation()" style="width: 50%; float: left; text-align: center; margin-top: 0.75rem;"> |
| 38 | - <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%89%8D%E5%BE%80@2x.png" size="1.5rem" color="#FFF" | 38 | + <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%89%8D%E5%BE%80@2x.png" size="1.25rem" color="#FFF" |
| 39 | - style="vertical-align: bottom;" /> | 39 | + style="vertical-align: sub;" /> |
| 40 | - <span style="color: #AB8F57; font-size: 1.1rem;">前往</span> | 40 | + <span style="color: #AB8F57; font-size: 1rem;">前往</span> |
| 41 | </div> | 41 | </div> |
| 42 | </div> | 42 | </div> |
| 43 | </div> | 43 | </div> |
| ... | @@ -264,14 +264,16 @@ export default { | ... | @@ -264,14 +264,16 @@ export default { |
| 264 | box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); | 264 | box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); |
| 265 | text-align: left; | 265 | text-align: left; |
| 266 | border-radius: 5px; | 266 | border-radius: 5px; |
| 267 | - padding: 1.5rem 1.25rem; | 267 | + padding: 1rem 1.25rem; |
| 268 | overflow: auto; | 268 | overflow: auto; |
| 269 | 269 | ||
| 270 | .info-text { | 270 | .info-text { |
| 271 | - width: 100%; | 271 | + // width: 100%; |
| 272 | line-height: 1.5; | 272 | line-height: 1.5; |
| 273 | float: left; | 273 | float: left; |
| 274 | color: #7A6C6C; | 274 | color: #7A6C6C; |
| 275 | + font-size: 0.9rem; | ||
| 276 | + padding: 0.5rem 0; | ||
| 275 | } | 277 | } |
| 276 | .info-text-audio { | 278 | .info-text-audio { |
| 277 | width: 80%; | 279 | width: 80%; | ... | ... |
| 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-06-28 14:13:45 | 4 | + * @LastEditTime: 2023-06-28 15:43:08 |
| 5 | * @FilePath: /map-demo/src/views/index.vue | 5 | * @FilePath: /map-demo/src/views/index.vue |
| 6 | * @Description: 地图主体页面 | 6 | * @Description: 地图主体页面 |
| 7 | --> | 7 | --> |
| ... | @@ -72,7 +72,7 @@ | ... | @@ -72,7 +72,7 @@ |
| 72 | </van-popup> | 72 | </van-popup> |
| 73 | 73 | ||
| 74 | <van-dialog v-model:show="dialog_show" title="温馨提示"> | 74 | <van-dialog v-model:show="dialog_show" title="温馨提示"> |
| 75 | - <div style="padding: 1rem; text-align: center;">您不在景区范围内</div> | 75 | + <div style="padding: 1rem; text-align: center;">{{ dialog_text }}</div> |
| 76 | </van-dialog> | 76 | </van-dialog> |
| 77 | 77 | ||
| 78 | <!-- 自定义组件InfoWindow,初始时需要隐藏 --> | 78 | <!-- 自定义组件InfoWindow,初始时需要隐藏 --> |
| ... | @@ -193,6 +193,7 @@ export default { | ... | @@ -193,6 +193,7 @@ export default { |
| 193 | warnInfo: [], // 预警信息实体 | 193 | warnInfo: [], // 预警信息实体 |
| 194 | show_popup: false, | 194 | show_popup: false, |
| 195 | dialog_show: false, | 195 | dialog_show: false, |
| 196 | + dialog_text: '', | ||
| 196 | xys_lng: 120.587334, | 197 | xys_lng: 120.587334, |
| 197 | xys_lat: 31.314823, | 198 | xys_lat: 31.314823, |
| 198 | walk_route: '', | 199 | walk_route: '', |
| ... | @@ -297,7 +298,7 @@ export default { | ... | @@ -297,7 +298,7 @@ export default { |
| 297 | rotation: 0, // 地图顺时针旋转角度,取值范围 [0-360] ,默认值:0 | 298 | rotation: 0, // 地图顺时针旋转角度,取值范围 [0-360] ,默认值:0 |
| 298 | center: [120.587382, 31.313900], // 设置地图中心点坐标 | 299 | center: [120.587382, 31.313900], // 设置地图中心点坐标 |
| 299 | forceVector: false, | 300 | forceVector: false, |
| 300 | - rotateEnable: false, | 301 | + // rotateEnable: true, |
| 301 | layers: [ | 302 | layers: [ |
| 302 | // new AMap.TileLayer.RoadNet(), | 303 | // new AMap.TileLayer.RoadNet(), |
| 303 | ], | 304 | ], |
| ... | @@ -308,6 +309,8 @@ export default { | ... | @@ -308,6 +309,8 @@ export default { |
| 308 | this.map.on("click", this.showInfoClick); | 309 | this.map.on("click", this.showInfoClick); |
| 309 | // | 310 | // |
| 310 | this.setSpotLayer() | 311 | this.setSpotLayer() |
| 312 | + // | ||
| 313 | + this.map.setRotation(6, true) | ||
| 311 | }, | 314 | }, |
| 312 | loadSpotMaker() { // 加载景点标记 | 315 | loadSpotMaker() { // 加载景点标记 |
| 313 | var zoomStyleMapping = { 14: 0, 15: 0, 16: 0, 17: 0, 18: 0, 19: 0, 20: 0 }; | 316 | var zoomStyleMapping = { 14: 0, 15: 0, 16: 0, 17: 0, 18: 0, 19: 0, 20: 0 }; |
| ... | @@ -530,6 +533,7 @@ export default { | ... | @@ -530,6 +533,7 @@ export default { |
| 530 | // 判断是否在范围内 | 533 | // 判断是否在范围内 |
| 531 | if (!this.isPointInRing()) { | 534 | if (!this.isPointInRing()) { |
| 532 | this.dialog_show = true; | 535 | this.dialog_show = true; |
| 536 | + this.dialog_text = '您不在景区范围内'; | ||
| 533 | } | 537 | } |
| 534 | } | 538 | } |
| 535 | }, | 539 | }, |
| ... | @@ -634,13 +638,13 @@ export default { | ... | @@ -634,13 +638,13 @@ export default { |
| 634 | this.current_route = new AMap.Polyline({ | 638 | this.current_route = new AMap.Polyline({ |
| 635 | path, | 639 | path, |
| 636 | isOutline: true, | 640 | isOutline: true, |
| 637 | - outlineColor: '#7F7F7F', | 641 | + outlineColor: '#42a5f5', |
| 638 | borderWeight: 1, | 642 | borderWeight: 1, |
| 639 | - strokeColor: '#7F7F7F', | 643 | + strokeColor: '#42a5f5', |
| 640 | strokeOpacity: 1, | 644 | strokeOpacity: 1, |
| 641 | - strokeWeight: 1, | 645 | + strokeWeight: 2, |
| 642 | // 折线样式还支持 'dashed' | 646 | // 折线样式还支持 'dashed' |
| 643 | - strokeStyle: 'solid', | 647 | + strokeStyle: 'dashed', |
| 644 | // strokeStyle是dashed时有效 | 648 | // strokeStyle是dashed时有效 |
| 645 | strokeDasharray: [10, 5], | 649 | strokeDasharray: [10, 5], |
| 646 | lineJoin: 'round', | 650 | lineJoin: 'round', |
| ... | @@ -665,7 +669,7 @@ export default { | ... | @@ -665,7 +669,7 @@ export default { |
| 665 | marker1.setLabel({ | 669 | marker1.setLabel({ |
| 666 | direction: 'right', | 670 | direction: 'right', |
| 667 | offset: new AMap.Pixel(0, -10), //设置文本标注偏移量 | 671 | offset: new AMap.Pixel(0, -10), //设置文本标注偏移量 |
| 668 | - content: "<div class='info'>起点</div>", //设置文本标注内容 | 672 | + content: "<div class='info'>终点</div>", //设置文本标注内容 |
| 669 | }); | 673 | }); |
| 670 | var marker2 = new AMap.Marker({ | 674 | var marker2 = new AMap.Marker({ |
| 671 | icon: new AMap.Icon({ | 675 | icon: new AMap.Icon({ |
| ... | @@ -683,7 +687,7 @@ export default { | ... | @@ -683,7 +687,7 @@ export default { |
| 683 | marker2.setLabel({ | 687 | marker2.setLabel({ |
| 684 | direction: 'right', | 688 | direction: 'right', |
| 685 | offset: new AMap.Pixel(0, -10), //设置文本标注偏移量 | 689 | offset: new AMap.Pixel(0, -10), //设置文本标注偏移量 |
| 686 | - content: "<div class='info'>终点</div>", //设置文本标注内容 | 690 | + content: "<div class='info'>起点</div>", //设置文本标注内容 |
| 687 | }); | 691 | }); |
| 688 | // 新增逃生路线标记 | 692 | // 新增逃生路线标记 |
| 689 | this.route_marker = [marker1, marker2] | 693 | this.route_marker = [marker1, marker2] |
| ... | @@ -835,16 +839,16 @@ export default { | ... | @@ -835,16 +839,16 @@ export default { |
| 835 | this.map.setLimitBounds(myBounds); | 839 | this.map.setLimitBounds(myBounds); |
| 836 | }, | 840 | }, |
| 837 | showInfoClick(e) { | 841 | showInfoClick(e) { |
| 838 | - console.log(e); | 842 | + // console.log(e); |
| 839 | var zoom = this.map.getZoom(); //获取当前地图级别 | 843 | var zoom = this.map.getZoom(); //获取当前地图级别 |
| 840 | var text = | 844 | var text = |
| 841 | - "您在 [ " + | 845 | + "您在 [" + |
| 842 | e.lnglat.getLng() + | 846 | e.lnglat.getLng() + |
| 843 | "," + | 847 | "," + |
| 844 | e.lnglat.getLat() + | 848 | e.lnglat.getLat() + |
| 845 | - " ] 的位置单击了地图!当前层级" + | 849 | + "] 的位置单击了地图!当前层级" + |
| 846 | zoom; | 850 | zoom; |
| 847 | - console.warn(text); | 851 | + console.log(text); |
| 848 | // 点击空白处 关闭弹框 | 852 | // 点击空白处 关闭弹框 |
| 849 | this.closeInfoWindow(); | 853 | this.closeInfoWindow(); |
| 850 | // 关闭弹出底部导航弹框 | 854 | // 关闭弹出底部导航弹框 |
| ... | @@ -892,7 +896,12 @@ export default { | ... | @@ -892,7 +896,12 @@ export default { |
| 892 | this.map.remove([this.current_route]); // 删除地图折线 | 896 | this.map.remove([this.current_route]); // 删除地图折线 |
| 893 | this.map.remove(this.route_marker); // 删除起始点标记 | 897 | this.map.remove(this.route_marker); // 删除起始点标记 |
| 894 | } | 898 | } |
| 895 | - this.addNavRoute(path) | 899 | + if (path.length) { |
| 900 | + this.addNavRoute(path) | ||
| 901 | + } else { | ||
| 902 | + this.dialog_show = true; | ||
| 903 | + this.dialog_text = '内部设施'; | ||
| 904 | + } | ||
| 896 | }, | 905 | }, |
| 897 | setNavLayer({ key }, index) { // 选择地图图层显示 | 906 | setNavLayer({ key }, index) { // 选择地图图层显示 |
| 898 | this.isActive = index; | 907 | this.isActive = index; |
| ... | @@ -922,6 +931,7 @@ export default { | ... | @@ -922,6 +931,7 @@ export default { |
| 922 | this.map.setZoom(18); | 931 | this.map.setZoom(18); |
| 923 | this.map.setZoomAndCenter(18, [this.xys_lng, this.xys_lat]); | 932 | this.map.setZoomAndCenter(18, [this.xys_lng, this.xys_lat]); |
| 924 | }, 100); | 933 | }, 100); |
| 934 | + this.removeNavRoute() | ||
| 925 | }, | 935 | }, |
| 926 | handleSafeRoute(status) { // 打开/关闭逃生路线线 | 936 | handleSafeRoute(status) { // 打开/关闭逃生路线线 |
| 927 | if (status) { | 937 | if (status) { | ... | ... |
-
Please register or login to post a comment