浏览代码

修改导航逻辑

gcz 4 年之前
父节点
当前提交
933d6e6ced
共有 1 个文件被更改,包括 35 次插入22 次删除
  1. 35 22
      pages/parkingLists/parkingLists.vue

+ 35 - 22
pages/parkingLists/parkingLists.vue

@@ -109,7 +109,8 @@
 </template>
 
 <script>
-	import Map from '@/js_sdk/ms-openMap/openMap.js'
+	import Map from '@/js_sdk/ms-openMap/openMap.js';
+	import { qqMapTransBMap } from '../../utils/mapTrans.js';
 	export default{
 		data(){
 			return{
@@ -144,10 +145,10 @@
 						value: '1',
 						label: '腾讯地图'
 					},
-					{
-						value: '2',
-						label: '百度地图'
-					},
+					// {
+					// 	value: '2',
+					// 	label: '百度地图'
+					// },
 					{
 						value: '3',
 						label: '高德地图'
@@ -224,15 +225,15 @@
 			  * 导航 
 			  * */
 			navigation (latitude, longitude) {
-				// this.currentPositionHover = {
-				// 	latitude: latitude,
-				// 	longitude: longitude
-				// }
-				// this.mapSelect = true
+				this.currentPositionHover = {
+					latitude: latitude,
+					longitude: longitude
+				}
+				this.mapSelect = true
 				// 腾讯地图用webview
-				uni.navigateTo({
-				  url: '/pages/parkingLists/map_web_view/map_web_view?url=https://3gimg.qq.com/lightmap/v1/marker/?marker=coord:'+latitude+','+longitude+'&referer=myApp&key=BOGBZ-2BZ33-O4L32-Y3QJR-PGN66-RFFEL'
-				})
+				// uni.navigateTo({
+				//   url: '/pages/parkingLists/map_web_view/map_web_view?url=https://3gimg.qq.com/lightmap/v1/marker/?marker=coord:'+latitude+','+longitude+'&referer=myApp&key=BOGBZ-2BZ33-O4L32-Y3QJR-PGN66-RFFEL'
+				// })
 				/* 组件多地图调用 */
 				// this.nearParkingFlag = false
 				// var options = {
@@ -250,22 +251,34 @@
 				const name = item[0].label
 				switch(name) {
 					case '腾讯地图':
-						// uni.navigateTo({
-						//   url: '/pages/parkingLists/map_web_view/map_web_view?url=https://3gimg.qq.com/lightmap/v1/marker/?marker=coord:'+this.currentPositionHover.latitude+','+this.currentPositionHover.longitude+'&referer=myApp&key=BOGBZ-2BZ33-O4L32-Y3QJR-PGN66-RFFEL'
-						// })
+						uni.navigateTo({
+						  url: '/pages/parkingLists/map_web_view/map_web_view?url=https://3gimg.qq.com/lightmap/v1/marker/?marker=coord:'+this.currentPositionHover.latitude+','+this.currentPositionHover.longitude+'&referer=myApp&key=BOGBZ-2BZ33-O4L32-Y3QJR-PGN66-RFFEL'
+						})
 						// uni.navigateTo({
 						//   url: '/pages/parkingLists/map_web_view/map_web_view?url=https://3gimg.qq.com/lightmap/v1/marker/?marker=coord:'+this.currentPositionHover.latitude+','+this.currentPositionHover.longitude+'&referer=myApp&key=BOGBZ-2BZ33-O4L32-Y3QJR-PGN66-RFFEL'
 						// })
 						break;
 					case '百度地图':
-						uni.navigateTo({
-						  url: `/pages/parkingLists/map_web_view/map_web_view?url=${encodeURIComponent(`http://api.map.baidu.com/direction?origin=latlng:${this.latitude},${this.longitude}|name:起点&destination=latlng:${this.currentPositionHover.latitude},${this.currentPositionHover.longitude}|name:终点&mode=driving&output=html&src=webapp.baidu.openAPIdemo`)}`
-						})
+					let bdOriginPoint = qqMapTransBMap(this.currentPosition.longitude,this.currentPosition.latitude);//起点坐标
+					let bdCurrPoint = qqMapTransBMap(this.currentPositionHover.longitude,this.currentPositionHover.latitude);//终点坐标
+					let baiduMap = 'https://map.baidu.com/mobile/webapp/index/index/foo=bar/vt=map';
+					console.log('bdpoint',bdOriginPoint);
+					console.log('bdCurrPoint',bdCurrPoint);
+					let bdurl = `https://api.map.baidu.com/direction?origin=latlng:${bdOriginPoint.lat},${bdOriginPoint.lng}|name:起点&destination=latlng:${bdCurrPoint.lat},${bdCurrPoint.lng}|name:终点&mode=driving&output=html&src=webapp.baidu.openAPIdemo`;
+						console.log('百度地图theurl',bdurl);
+						window.location.href = baiduMap;
+						// uni.navigateTo({
+						//   url: `/pages/parkingLists/map_web_view/map_web_view?url=${encodeURIComponent(`http://api.map.baidu.com/direction?origin=latlng:${this.latitude},${this.longitude}|name:起点&destination=latlng:${this.currentPositionHover.latitude},${this.currentPositionHover.longitude}|name:终点&mode=driving&output=html&src=webapp.baidu.openAPIdemo`)}`
+						// })
 						break;
 					case '高德地图':
-						uni.navigateTo({
-						  url: `/pages/parkingLists/map_web_view/map_web_view?url=${encodeURIComponent(`//uri.amap.com/navigation?from=${this.currentPosition.longitude},${this.currentPosition.latitude},起点&to=${this.currentPositionHover.longitude},${this.currentPositionHover.latitude},终点&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0`)}`
-						})
+					let gdurl = `https://uri.amap.com/navigation?from=${this.currentPosition.longitude},${this.currentPosition.latitude},起点&to=${this.currentPositionHover.longitude},${this.currentPositionHover.latitude},终点&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0`;
+					 console.log('高德地图theurl',gdurl);
+					 window.location.href = gdurl;
+					 // window.open(url, "_blank", "scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes");
+						// uni.navigateTo({
+						//   url: `/pages/parkingLists/map_web_view/map_web_view?url=${encodeURIComponent(`//uri.amap.com/navigation?from=${this.currentPosition.longitude},${this.currentPosition.latitude},起点&to=${this.currentPositionHover.longitude},${this.currentPositionHover.latitude},终点&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0`)}`
+						// })
 						break;
 					
 				}