vue2的h5页面跳转到高德地图进行导航

方法一:

uniapp中有对应的跳转方法,我试过,如果是小程序的话使用这个会跳转到高德地图,如果是手机h5页面的话,会跳转到一个高德的h5页面。

	// uni.openLocation({
				// 	longitude: Number(that.location['longitude']),
				// 	latitude: Number(that.location['latitude']),
				// 	name: that.location['address'],
				// 	address: that.location['address']
				// })

方法二:

跳转到高德地图,在高德地图显示目标点,可以进行导航到目标点

			jump(){
                let locationName = '目的地的名字'
				let id = 1
			
				const u = navigator.userAgent
				let url
				// 判断设备是iOS还是Android,Linux
				const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
				const isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1
				
                //appname不用修改,用在这个就好 经纬度是目标点的,跳转过去后可以导航到这个目标点
                if (isiOS) {
					url = "iosamap://viewMap?sourceApplication=appname&poiname=" + locationName +
						"&lat=" + lat + "&lon=" + lon + "&dev=0";
					window.location.href = url
				}
				if (isAndroid) {
					url = "androidamap://viewMap?sourceApplication=appname&poiname=" + locationName +
						"&lat=" + lat + "&lon=" + lon + "&dev=0";
					window.location.href = url
				}
            }

你可能感兴趣的:(前端)