获取地图Annotation点击时对应的数组索引方法咨询

嗨，这个需求其实很好实现的！核心思路就是给每个Annotation绑定它对应的索引，这样点击的时候就能直接取到啦～

假设你是用数组来管理这些Annotation的，这里有两种简单的实现方式：

方法1：利用Annotation自带的userInfo绑定索引 #

在创建并添加Annotation到地图的时候，顺便把索引存到userInfo里：

// 假设你已经有了Annotation数组
let annotations = [MKPointAnnotation(), MKPointAnnotation(), MKPointAnnotation()]
annotations[0].title = "t0"
annotations[1].title = "t1"
annotations[2].title = "t2"

// 遍历数组，给每个Annotation绑定索引
for (index, annotation) in annotations.enumerated() {
    annotation.userInfo = ["index": index]
    mapView.addAnnotation(annotation)
}

然后在地图的点击代理方法里，读取这个索引：

func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) {
    // 取出绑定的索引
    guard let annotation = view.annotation,
          let index = annotation.userInfo?["index"] as? Int else {
        return
    }
    print("点击了索引为\(index)的Annotation")
    // 这里就可以用这个index做你需要的后续操作啦
}

方法2：自定义Annotation类（更清晰易维护） #

如果你的Annotation还有其他自定义需求，直接给它加个index属性更直观：

// 自定义带索引的Annotation类
class IndexedAnnotation: MKPointAnnotation {
    var index: Int = 0 // 新增索引属性
}

创建Annotation的时候直接赋值索引：

let annotations = [IndexedAnnotation(), IndexedAnnotation(), IndexedAnnotation()]
for (index, annotation) in annotations.enumerated() {
    annotation.title = "t\(index)"
    annotation.index = index // 直接绑定索引
    mapView.addAnnotation(annotation)
}

点击时读取索引：

func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) {
    if let indexedAnnotation = view.annotation as? IndexedAnnotation {
        let targetIndex = indexedAnnotation.index
        print("点击了索引为\(targetIndex)的Annotation")
    }
}

思路完全一致，给每个Marker绑定索引属性，点击时读取：

// 模拟你的Annotation（Marker）数组
const markers = [];
// 假设的坐标数组
const positions = [[51.505, -0.09], [51.51, -0.1], [51.49, -0.08]];

for (let i = 0; i < positions.length; i++) {
    const marker = L.marker(positions[i]).addTo(map);
    marker.bindPopup(`t${i}`);
    // 给Marker绑定自定义索引属性
    marker.index = i;
    // 添加点击事件监听
    marker.on('click', function() {
        console.log(`点击了索引为${this.index}的Annotation`);
        // 这里处理你的业务逻辑
    });
    markers.push(marker);
}

核心逻辑总结 #

不管你用的是哪种地图框架，本质都是给每个Annotation关联它在数组中的索引值——要么用框架自带的自定义信息字段，要么给Annotation对象/类添加索引属性，最后在点击回调里读取这个值就搞定啦～

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