超级简单的 demo

先上一个最简单的 demo：

1、点击按钮根据经纬度和名称，打开高得地图
2、如果没有高德地图则跳转 AppStore 进行安装

struct TestAMap: View {var body: some View {NavigationView {Button(action: {// 写死的经纬度let latitude = 32.204402let longitude = 119.452753// 名称可以为空let name = "AAAA"let url = URL(string: "iosamap://viewMap?sourceApplication=application&poiname=\(name)&lat=\(latitude)&lon=\(longitude)&dev=1")if UIApplication.shared.canOpenURL(url!) {// 跳转高德地图UIApplication.shared.open(url!, options: [:], completionHandler: nil)} else {// 跳转应用商店let urlString = URL(string:"itms-apps://itunes.apple.com/app/id461703208")UIApplication.shared.open(urlString!, options: [:], completionHandler: nil)}}, label: {Text("点击跳转地图")})}.navigationTitle("测试页面")}
}

一些基本的知识

iosamap://

上面代码中用到了 iosamap://xxxx ，这个是 IOS 开发高德地图的协议。

使用方法参考高德官方文档：https://lbs.amap.com/api/amap-mobile/guide/ios/marker

itms-apps://

这个是 App Store 的跳转协议，关键在于最后的 appID 如何获取？

非常简单，打开 AppStore，打开你要跳转的应用

点击分享 - 拷贝链接
链接最后的数字就是 appID

拓展：name 为中文

上面的代码中，name 只能为英文，否则会报错

解决：

struct MapNavigation {// 根据经纬度、名称，打开高德地图导航进行跳转static func showLocation(_ name: String, lat: String, lng: String) {let urlStr =  "iosamap://viewMap?sourceApplication=application&poiname=\(name)&lat=\(lat)&lon=\(lng)&dev=1".addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed)let url = URL(string: urlStr!)if UIApplication.shared.canOpenURL(url!) {// 跳转高德地图UIApplication.shared.open(url!, options: [:], completionHandler: nil)} else {// 跳转应用商店let urlString = URL(string:"itms-apps://itunes.apple.com/app/id461703208")UIApplication.shared.open(urlString!, options: [:], completionHandler: nil)}}
}

使用方法：

MapNavigation.showLocation("测试地址", lat: "32.204402", lng: "119.452753 ")

SwiftUI 打开高德地图相关推荐

Android 打开高德地图、百度地图进行导航；打开第三方App去导航；
抽成工具类了,复制下来就能直接用了,直接看代码吧: 高德地图Url Api: http://lbs.amap.com/api/amap-mobile/guide/android/navigation ...
移动端h5页面打开高德地图或者百度地图实现导航
需求场景:用户会收到一条短信,短信带着链接,点击链接跳转h5页面,h5页面实现跳转地图并实现导航. 方法:1.a标签直接打开地图,地图在浏览器支持跳转. 高德: <a href="ht ...
uniapp 打开高德地图或者百度地图进行导航
//打开第三方地图 export function openMap(latitude,longitude,name){let url = "";if (plus.os.name = ...
H5开发的移动应用打开高德地图、百度地图
一.资料 (1)高德地图的官方文档: https://lbs.amap.com/api/amap-mobile/gettingstarted Android包名:com.autonavi.minima ...
微信小程序点击地图打开高德地图、百度地图
1.小程序中使用map组件map | 微信开放文档 <map @click="goMap" style="width: 690rpx; height: 170rpx ...
基于android对接百度地图搜索附近关键字列表展示并调用第三方地图应用打开导航（百度地图、高德地图）
经过两天的折腾,终于把需求实现了,记录下过程与遇到的坑(详情链接) 先上效果图搜索结果点击列表中的去这里调取第三方地图APP,效果图首先配置百度地图 bBaiduMap = mMapView.g ...
android启动百度地图应用并开始导航,android打开外部地图导航(百度、高德、腾讯)...
外部打开百度地图进行导航: /*** 打开百度地图*@paramslat开始地点维度*@paramslon开始地点经度*@paramsname开始地点名字*@paramdlat终点地点维度*@ ...
如何实现在H5里调起高德地图APP？（下）
这一篇文章将告诉您,如果直接打开高德地图APP,并展示路线规划.适合有定位的移动设备,可以查询到从"我的位置"到目的地的路径规划,并直接导航. 场景二.调起高德地图的路线规划功能 ...
高德地图小蓝点_一会晴天一会下雨？夏日想要顺利出行高德地图这些小功能最实用...
不同于其他三个季节,夏天总是有很多种烦恼,变化不定的天气就是其中最为影响出行的一项因素.而面对忽晴忽雨的天气,如何才能在夏日顺利出行呢?看看高德地图的这些实用小功能吧. ·实时天气预报高德地图可以实 ...

SwiftUI 打开高德地图

SwiftUI 跳转高德地图