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

最新推荐文章于 2024-07-16 10:14:19 发布

几个高兴

最新推荐文章于 2024-07-16 10:14:19 发布

阅读量1.2k

点赞数 10

文章标签：前端

本文链接：https://blog.csdn.net/qq_45530512/article/details/135676525

版权

方法一：

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 (isiO