SwiftUI从入门到实战第2章第9节:MapView

SwiftUI并没有包含MapView,这里通过遵循UIViewRepresentable协议,在SwiftUI中集成UIKit中的WKMapView。

示例代码:

1import SwiftUI 2import MapKit //首先导入需要使用到的MapKit框架。 3 4//使当前的结构体遵循UIViewRepresentable协议。使用该协议的实例,可以在SwiftUI中创建和管理UIView对象。 5struct ContentView : UIViewRepresentable { 6 7 //实现协议里的makeUIView方法,用来初始化并返回一个MKMapView地图视图对象。 8 func makeUIView(context: UIViewRepresentableContext<ContentView>) -> MKMapView { 9 return MKMapView() 10 } 11 12 //接着实现协议里的updatedUIView方法,用来设置地图视图需要加载的地理坐标等参数。 13 func updateUIView(_ uiView: MKMapView, context: UIViewRepresentableContext<ContentView>) { 14 15 //设置地图视图显示用户所在的地理位置,并设置地图类型为卫星模式。 16 uiView.showsUserLocation = true 17 uiView.mapType = MKMapType.satellite 18 19 //初始化一个二维坐标,并设置经纬度的数值。 20 let coordinate2D = CLLocationCoordinate2D(latitude: 39.915352, longitude: 116.397105) 21 22 //设置地图视图的缩放比例为0.02。 23 let zoomLevel = 0.02 24 25 //初始化一个坐标区域对象,作为地图视图所要显示的地理区域。 26 let region = MKCoordinateRegion(center: coordinate2D, span: MKCoordinateSpan(latitudeDelta: zoomLevel, longitudeDelta: zoomLevel)) 27 //使地图视图显示自定义的地理区域 28 uiView.setRegion(uiView.regionThatFits(region), animated: true) 29 } 30}

查看运行结果:

点赞
收藏

评论区

加载中...

相关推荐

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

前端性能优化 - 雅虎军规

无论是在工作中,还是在面试中,web前端性能的优化都是很重要的,那么我们进行优化需要从哪些方面入手呢?可以遵循雅虎的前端优化35条军规,这样对于优化有一个比较清晰的方向.35条军规1.尽量减少HTTP请求个数——须权衡2.使用CDN(内容分发网络)3.为文件头指定Expires或CacheControl,使内容具有缓存性。4.避免空的

SwiftUI从入门到实战第2章第7节:TabView

相关课程:http://hdjc8.com/hdjc/swiftUI/(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fhdjc8.com%2Fhdjc%2FswiftUI%2F)TabView相当于UIKit中的UITabBarController,用于实现标签视图集。标签视图位

SwiftUI从入门到实战第2章第3节:Slider的使用

相关课程:http://hdjc8.com/hdjc/swiftUI/(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fhdjc8.com%2Fhdjc%2FswiftUI%2F)Slider相当于UIKit中的UISlider,通过移动滑杆实现指定区域和间隔的数值的选择。Slid

SwiftUI从入门到实战第2章第1节:PickerDate

相关课程:http://hdjc8.com/hdjc/swiftUI/(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fhdjc8.com%2Fhdjc%2FswiftUI%2F)本节演示DatePicker视图的使用,DatePicker和UIKit中的UIDatePicker类似,

SwiftUI直通车系列(6)—— 使用动画

SwiftUI直通车系列(6)——使用动画   本系列博客是针对SwiftUI开发框架的快速入门介绍,之前系列博客地址:SwiftUI直通车系列(1)——视图的布局与组织(https://my.oschina.net/u/2340880/blog/4529951)SwiftUI直通车系列