iOS开发：如何为MapView添加MapKit标准定位按钮？

一、使用MapKit原生控件实现「我的位置」按钮 #

MapKit提供了官方的MKUserTrackingButton，直接就能生成符合系统风格的定位按钮，还自带追踪用户位置的逻辑：

// 先开启地图的用户位置显示
mapView.showsUserLocation = true

// 创建定位按钮并添加到地图
let userTrackingButton = MKUserTrackingButton(mapView: mapView)
userTrackingButton.translatesAutoresizingMaskIntoConstraints = false
mapView.addSubview(userTrackingButton)

// 约束到右下角（和系统默认位置一致）
NSLayoutConstraint.activate([
    userTrackingButton.bottomAnchor.constraint(equalTo: mapView.safeAreaLayoutGuide.bottomAnchor, constant: -16),
    userTrackingButton.trailingAnchor.constraint(equalTo: mapView.safeAreaLayoutGuide.trailingAnchor, constant: -16)
])

二、实现「地图类型切换」按钮（标准/卫星/混合） #

用iOS 13+自带的SF Symbols图标搭配UIButton，完全贴合系统风格：

let mapTypeButton = UIButton(type: .system)
// 初始用标准地图图标
mapTypeButton.setImage(UIImage(systemName: "map"), for: .normal)
mapTypeButton.tintColor = .systemBlue
mapTypeButton.translatesAutoresizingMaskIntoConstraints = false
mapView.addSubview(mapTypeButton)

// 约束到定位按钮上方
NSLayoutConstraint.activate([
    mapTypeButton.bottomAnchor.constraint(equalTo: userTrackingButton.topAnchor, constant: -8),
    mapTypeButton.trailingAnchor.constraint(equalTo: mapView.safeAreaLayoutGuide.trailingAnchor, constant: -16)
])

// 点击切换地图类型的逻辑
mapTypeButton.addAction(UIAction { [weak self] _ in
    guard let self = self else { return }
    switch self.mapView.mapType {
    case .standard:
        self.mapView.mapType = .satellite
        self.mapTypeButton.setImage(UIImage(systemName: "map.fill"), for: .normal)
    case .satellite:
        self.mapView.mapType = .hybrid
        self.mapTypeButton.setImage(UIImage(systemName: "map.circle.fill"), for: .normal)
    case .hybrid:
        self.mapView.mapType = .standard
        self.mapTypeButton.setImage(UIImage(systemName: "map"), for: .normal)
    default:
        self.mapView.mapType = .standard
    }
}, for: .touchUpInside)

三、实现「缩放控制」按钮（+/-） #

用SF Symbols图标做按钮，调用MapView的setRegion方法实现缩放：

// 放大按钮
let zoomInButton = UIButton(type: .system)
zoomInButton.setImage(UIImage(systemName: "plus"), for: .normal)
zoomInButton.tintColor = .systemBlue
zoomInButton.translatesAutoresizingMaskIntoConstraints = false
mapView.addSubview(zoomInButton)

// 缩小按钮
let zoomOutButton = UIButton(type: .system)
zoomOutButton.setImage(UIImage(systemName: "minus"), for: .normal)
zoomOutButton.tintColor = .systemBlue
zoomOutButton.translatesAutoresizingMaskIntoConstraints = false
mapView.addSubview(zoomOutButton)

// 约束到右上角
NSLayoutConstraint.activate([
    zoomInButton.topAnchor.constraint(equalTo: mapView.safeAreaLayoutGuide.topAnchor, constant: 16),
    zoomInButton.trailingAnchor.constraint(equalTo: mapView.safeAreaLayoutGuide.trailingAnchor, constant: -16),
    
    zoomOutButton.topAnchor.constraint(equalTo: zoomInButton.bottomAnchor, constant: 8),
    zoomOutButton.trailingAnchor.constraint(equalTo: mapView.safeAreaLayoutGuide.trailingAnchor, constant: -16)
])

// 放大逻辑：将当前区域跨度缩小一半
zoomInButton.addAction(UIAction { [weak self] _ in
    guard let self = self else { return }
    let currentSpan = self.mapView.region.span
    let newRegion = MKCoordinateRegion(
        center: self.mapView.centerCoordinate,
        latitudinalMeters: currentSpan.latitudeDelta / 2,
        longitudinalMeters: currentSpan.longitudeDelta / 2
    )
    self.mapView.setRegion(newRegion, animated: true)
}, for: .touchUpInside)

// 缩小逻辑：将当前区域跨度放大一倍
zoomOutButton.addAction(UIAction { [weak self] _ in
    guard let self = self else { return }
    let currentSpan = self.mapView.region.span
    let newRegion = MKCoordinateRegion(
        center: self.mapView.centerCoordinate,
        latitudinalMeters: currentSpan.latitudeDelta * 2,
        longitudinalMeters: currentSpan.longitudeDelta * 2
    )
    self.mapView.setRegion(newRegion, animated: true)
}, for: .touchUpInside)

注意事项 #

• 定位权限：使用「我的位置」功能时，必须在Info.plist中添加NSLocationWhenInUseUsageDescription键，并填写权限申请说明，同时在代码中请求定位权限。
• 兼容性：SF Symbols仅支持iOS 13及以上版本，如果需要兼容低版本，可以替换为官方风格的自定义图标。
• 布局：使用AutoLayout约束到安全区，避免被刘海、底部指示条等系统元素遮挡。

内容的提问来源于stack exchange，提问作者James Woollcott