在React yandex maps中如何为objectManager添加点击事件处理程序?
P粉450079266
P粉450079266 2023-09-16 20:11:32
0
1
569

我正在使用 react-yandex-maps(https://github.com/R1ZEN/react-yandex-maps)库,并且我需要处理单个地标的点击事件,但是我不知道如何做。我该如何在地图上的渲染对象上添加 onClick 事件?

<YMaps>
    <Map className="w-full h-full"
        state={{ center: center, zoom: 12 }}
        onBoundsChange={handleBoundsChange}
    >
        <ObjectManager
            options={{
                clusterize: true,
            }}
            objects={{
                preset: "islands#greenDotIcon",
            }}
            clusters={{
                preset: "islands#redClusterIcons",
            }}
            defaultFeatures={data.result.data.map((el: APZ) => ({
                type: "Feature",
                id: el.id,
                geometry: {
                    type: "Point",
                    coordinates: [el.lat, el.long],
                },
            }
            ))}
        />
    </Map>
</YMaps>
P粉450079266
P粉450079266

全部回复(1)
P粉083785014

以下是如何操作的。

<ObjectManager
  //其余代码相同
   onObjectClick={(e) => {
        const id = e.get('objectId'); // 获取Id 
        console.log(`Id is: ${id}`);
      }}

/>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板