SwiftUI 地图教程之如何使用 SwiftUI 创建交互式地图,创建令人惊叹的交互式地图和 SVG
教程 如何 创建 地图 SwiftUI SVG 交互式 令人惊叹
2023-09-11 14:18:29 时间
在Android中,如果要绘制交互式地图,可以使用GeoChart,或者其他很多这方面的图表库。但是Swift,尤其是SwiftUI,几乎没有真正的方法可以构建这样的东西。
这就是InteractiveMap库可以提供帮助的地方。
注意:尽管该库支持大多数 SVG,但 SVG 解析算法并不完美,因此可能会导致某些 SVG 出现问题。
将 InteractiveMap 添加到您的 Xcode 项目
首先,您必须安装库。InteractiveMap仅支持 Swift 包管理器,所以只需转到File→ Add Packages…,
https://github.com/GrandSir/InteractiveMap
使用交互式地图
要使用 InteractiveMap,您必须使用InteractiveMapView 并指定 SVG 名称。
import SwiftUI
import InteractiveMap
struct ContentView: View {
var body: some View {
InteractiveMap(svgName: "tr") { pathData in
InteractiveShape(pathData)
.initWithAttributes()
}
}
}
相关文章
- Word控件Spire.Doc 【页面背景】教程(4) ;如何在word文档的一侧创建垂直表格
- Word控件Spire.Doc 【页面设置】教程(8) 如何在 C# 中创建目录 (TOC)
- Word控件Spire.Doc 【段落处理】教程(七):如如何通过在 C# 中附加 HTML 代码来设置 word 项目符号样式
- 《Adobe Flash CS4中文版经典教程》——1.10 发布影片
- 如何在 python 中的 SQLITE 上创建期权链数据库(教程含完整源码)
- 如何在 SwiftUI 中创建颜色之间渐变的过渡(教程含源码)
- SwiftUI SQLite教程之了解如何在 SwiftUI 中使用 SQLite 数据库并执行 CRUD 操作(教程含源码)
- SwiftUI 高级用法之ForEach如何使用 enumerated() UserDefaults.standard(教程含源码)
- SwiftUI 如何同时处理2个手势SimultaneousGesture(教程含代码)
- Kivy教程大全之如何在 Kivy 中创建下拉列表
- 如何在 Python 中使用 Plotly 创建太阳系的 3D 模型 (教程含源码)
- 如何使用 Python 开发企业文档管理应用程序 (教程含源码)
- GDevelop教程大全之 02 什么是Behaviors,如何创建sprite的 Behaviors
- SwiftUI CoreData 教程之 02 如何创建自定义实体 (教程含源码)
- 论文写作教程之 如何逐步撰写研究性论文research paper
- WordPress 教程之 如何创建您的第一个 WordPress 小部件widget
- SwiftUI Widget小组件之如何让组件顶对齐 (教程含源码)
- ApplePay苹果支付准备工作:apple苹果IOS内购申请教程协议、税务和银行业务配置
- Spring Security教程(5)---- 国际化配置及UserCache
- CAD如何统计图块数量?CAD块统计教程