iOS Xcode中如何用TableView展示Google地图附近地点列表并查看详情？

好的，我来一步步帮你实现这个需求——把附近的ATM和银行用TableView展示，还能查看详情。咱们分几个关键步骤来做：

首先，在你的地图ViewController里，先定义一个数组存获取到的地点数据，同时让ViewController遵守UITableView的数据源和代理协议：

class YourMapViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
    // 数据源数组，假设你的地点模型是Place类型
    private var nearbyPlaces: [Place] = []
    // 声明TableView，你可以用代码创建或者Storyboard拖线关联
    private let tableView = UITableView()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 初始化并配置TableView
        setupTableView()
    }
    
    private func setupTableView() {
        // 这里用AutoLayout或者frame设置位置，示例用frame快速布局
        tableView.frame = CGRect(x: 0, y: view.safeAreaInsets.top, width: view.bounds.width, height: 220)
        tableView.dataSource = self
        tableView.delegate = self
        // 注册可复用的cell，也可以用自定义cell
        tableView.register(UITableViewCell.self, forCellReuseIdentifier: "PlaceCell")
        view.addSubview(tableView)
    }
}

原来的方法只添加了地图标记，现在要把获取到的地点数据保存到数组，并且回到主线程刷新TableView（网络回调通常在后台线程，UI操作必须在主线程执行）：

private func fetchNearbyPlaces(coordinate: CLLocationCoordinate2D) {
    mapView.clear()
    dataProvider.fetchPlacesNearCoordinate(coordinate, radius: searchRadius, types: searchedTypes) { [weak self] places in
        guard let self = self else { return }
        // 把获取到的地点存到数据源数组
        self.nearbyPlaces = places
        // 主线程刷新TableView
        DispatchQueue.main.async {
            self.tableView.reloadData()
        }
        // 保留原来的添加地图标记逻辑
        places.forEach {
            let marker = PlaceMarker(place: $0)
            marker.map = self.mapView
        }
    }
}

现在让TableView显示数据，同时处理cell的点击事件，跳转到详情页：

// MARK: - UITableView DataSource
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    // 返回地点数量
    return nearbyPlaces.count
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "PlaceCell", for: indexPath)
    let currentPlace = nearbyPlaces[indexPath.row]
    // 假设Place模型有name和address属性，根据你的实际模型调整
    cell.textLabel?.text = currentPlace.name
    cell.detailTextLabel?.text = currentPlace.address
    cell.accessoryType = .disclosureIndicator // 显示右侧箭头，提示可点击
    return cell
}

// MARK: - UITableView Delegate
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    // 点击后取消选中状态
    tableView.deselectRow(at: indexPath, animated: true)
    let selectedPlace = nearbyPlaces[indexPath.row]
    // 跳转到详情页
    let detailVC = PlaceDetailViewController(place: selectedPlace)
    navigationController?.pushViewController(detailVC, animated: true)
}

创建一个专门的详情页面，用来展示地点的详细信息（比如名称、地址、评分、联系方式等）：

class PlaceDetailViewController: UIViewController {
    private let place: Place
    
    // 初始化方法，接收选中的地点对象
    init(place: Place) {
        self.place = place
        super.init(nibName: nil, bundle: nil)
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .white
        title = place.name
        
        // 创建UI控件展示详情，这里举个简单的示例
        let nameLabel = UILabel(frame: CGRect(x: 20, y: 100, width: view.bounds.width - 40, height: 30))
        nameLabel.text = "名称：\(place.name)"
        nameLabel.font = .boldSystemFont(ofSize: 18)
        
        let addressLabel = UILabel(frame: CGRect(x: 20, y: 140, width: view.bounds.width - 40, height: 30))
        addressLabel.text = "地址：\(place.address ?? "暂无地址")"
        
        let ratingLabel = UILabel(frame: CGRect(x: 20, y: 180, width: view.bounds.width - 40, height: 30))
        ratingLabel.text = "评分：\(place.rating ?? 0)/5"
        
        view.addSubview(nameLabel)
        view.addSubview(addressLabel)
        view.addSubview(ratingLabel)
        
        // 你还可以扩展更多信息，比如电话、营业时间，甚至嵌入小地图展示位置
    }
}

• 确保你的Place模型包含了需要展示的属性（比如name、address、rating、phoneNumber等），这些数据要从Google Places API的返回结果中正确解析出来。
• 如果是用Storyboard创建TableView，记得在Storyboard中设置数据源和代理，或者在代码中关联IBOutlet。
• 网络回调里一定要用[weak self]避免循环引用，并且必须回到主线程刷新UI，否则会导致界面不更新或者崩溃。

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