在React yandex maps中如何為objectManager新增點擊事件處理程序?
P粉450079266
P粉450079266 2023-09-16 20:11:32
0
1
602

我正在使用 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}`);
      }}

/>
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板