搜索

首页  >  问答  >  正文

在React yandex maps中如何为objectManager添加点击事件处理程序?

我正在使用 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粉450079266P粉450079266435 天前573

全部回复(1)我来回复

  • P粉083785014

    P粉0837850142023-09-17 11:35:06

    以下是如何操作的。

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

    回复
    0
  • 取消回复