|
@@ -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;
|
|
|
|
|
|
}
|