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

相关课程:http://hdjc8.com/hdjc/swiftUI/

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

示例代码:

import SwiftUI
import MapKit    //首先导入需要使用到的MapKit框架。

//使当前的结构体遵循UIViewRepresentable协议。使用该协议的实例,可以在SwiftUI中创建和管理UIView对象。
struct ContentView : UIViewRepresentable {
    
    //实现协议里的makeUIView方法,用来初始化并返回一个MKMapView地图视图对象。
    func makeUIView(context: UIViewRepresentableContext<ContentView>) -> MKMapView {
        return MKMapView()
    }
    
    //接着实现协议里的updatedUIView方法,用来设置地图视图需要加载的地理坐标等参数。
    func updateUIView(_ uiView: MKMapView, context: UIViewRepresentableContext<ContentView>) {

        //设置地图视图显示用户所在的地理位置,并设置地图类型为卫星模式。
        uiView.showsUserLocation = true
        uiView.mapType = MKMapType.satellite
        
        //初始化一个二维坐标,并设置经纬度的数值。
        let coordinate2D = CLLocationCoordinate2D(latitude: 39.915352, longitude: 116.397105)

        //设置地图视图的缩放比例为0.02。
        let zoomLevel = 0.02

        //初始化一个坐标区域对象,作为地图视图所要显示的地理区域。
        let region = MKCoordinateRegion(center: coordinate2D, span: MKCoordinateSpan(latitudeDelta: zoomLevel, longitudeDelta: zoomLevel))
        //使地图视图显示自定义的地理区域
        uiView.setRegion(uiView.regionThatFits(region), animated: true)
    }
}

查看运行结果:

猜你喜欢

转载自blog.csdn.net/fzhlee/article/details/106147785