Wie füge ich einen Click-Event-Handler für objectManager in React Yandex Maps hinzu?
P粉450079266
P粉450079266 2023-09-16 20:11:32
0
1
571

Ich verwende die React-Yandex-Maps-Bibliothek (https://github.com/R1ZEN/react-yandex-maps) und muss das Klickereignis einer einzelnen Ortsmarkierung verarbeiten, weiß aber nicht, wie das geht Tu es. Wie füge ich ein onClick-Ereignis zum Renderobjekt auf der Karte hinzu?

<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

Antworte allen(1)
P粉083785014

以下是如何操作的。

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

/>
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage