Abra el mapa en la página H5 del teléfono móvil y abra el mapa de terceros en la aplicación

camino h5

Debido a que h5 es una página web en el teléfono móvil, puede abrir una dirección a través de window.open (url) y llevar la dirección final para navegar al mismo tiempo.

//        地图类型  {经纬度}   地址
getMapApp(mapType, location, address) {
			const { lat, lng } = location;
			let url = '';
			switch (mapType) {
				case '腾讯地图':
					url =
						'https://apis.map.qq.com/uri/v1/marker?marker=coord:' +
						lat +
						',' +
						lng +
						';addr:' +
						address +
						';title:地址&referer=keyfree';
					break;
				case '高德地图':
					url =
						'https://uri.amap.com/marker?position=' +
						lng +
						',' +
						lat +
						'&name=' +
						address +
						'&callnative=1';
					break;
				case '百度地图':
					url =
						'http://api.map.baidu.com/marker?location=' +
						lat +
						',' +
						lng +
						'&title=地址&content=' +
						address +
						'&output=html&src=webapp.reformer.appname&coord_type=gcj02';
					break;
				default:
					break;
			}
			return url;
		}

// 通过window.open的方式打开页面
window.open(this.getMapApp('高德地图',{lat:'37.73605',lng:'112.56566'},'怡和广场'))

método de aplicación

La aplicación necesita juzgar si es un teléfono móvil o no, y luego juzgar si existe esta aplicación en el teléfono móvil del usuario. De lo contrario, se le indicará, y si es así, abra la aplicación y, al mismo tiempo, abra la navegación desde la ubicación del usuario hasta el destino a través de la dirección de destino y la latitud y longitud

// 通过选中哪个地图来进行操作   1为高德  0为百度
// 传参 对象形式  {lat: 纬度，lng: 经度, add: 地址}
onSelect(index) {
	// console.log(index)
	this.navgatorshow = false;
	if (!plus) return;
	if (index) {
		if (plus.runtime.isApplicationExist({ pname: 'com.autonavi.minimap' })) {
			//判断本机是否存在该应用
			this.Gaode({ lat: '37.73605', lng: '112.56566', add: '怡和广场' });
		} else {
			this.$toast('请安装地图后再使用');
		}
	} else {
		if (plus.runtime.isApplicationExist({ pname: 'com.baidu.BaiduMap' })) {
			this.Baidu({ lat: '37.73605', lng: '112.56566', add: '怡和广场' });
		} else {
			this.$toast('请安装地图后再使用');
		}
	}
},
Gaode(options) {
	let { lat, lng, add } = options; //终点的纬度,终点的经度,终点的名称
	let url = `amapuri://route/plan/?sid=BGVIS1&slat=&slon=&sname=&did=BGVIS2&dlat=${lat}&dlon=${lng}&dname=${add}&dev=1&t=0`;
	plus.runtime.openURL(url);
},
Baidu(options) {
	let { lat, lng, add } = options; //终点的纬度,终点的经度,终点的名称
	let url = `bdapp://map/direction?origin=&destination=name:${add}|latlng:${lat},${lng}&coord_type=wgs84&mode=driving&src=andr.baidu.openAPIdemo`;
	plus.runtime.openURL(url);
},