主页 / 问题 / 1578420
Accepted
Dmitriy
Asked:2024-04-30 23:00:15 +0800 CST2024-04-30 23:00:15 +0800 CST

单击集群图标

  • 772

如何添加单击群集图标的功能，该图标会缩放到标记已经开始出现的位置？

这就是我创建集群的大致方式：

const clusterer = new YMapClusterer({
    method: clusterByGrid({ gridSize: 64 }),
    features: points,
    marker: feature =>
        new YMapMarker(
            {
                coordinates: feature.geometry.coordinates,
                source: 'clusterer-source',
            },
            createClusterMarkerHtmlElement(feature)
        ),
    cluster: (coordinates, features) =>
        new YMapMarker(
            {
                coordinates,
                source: 'clusterer-source',
            },
            createClusterCircleHtmlElement(features.length)
        ),
})
yandex-maps-api

1 个回答

  1. Best Answer

    这是我想到的唯一实现。如果有人提供更简洁的选择，我会很高兴

    const clusterer = new YMapClusterer({
    method: clusterByGrid({ gridSize: 64 }),
    features: points,
    marker: feature =>
        new YMapMarker(
            {
                coordinates: feature.geometry.coordinates,
                source: 'clusterer-source'
            },
            createClusterMarkerHtmlElement(feature)
        ),
    cluster: (coordinates, features) => {
        const marker = new YMapMarker(
            {
                coordinates,
                source: 'clusterer-source',
            },
            createClusterCircleHtmlElement(features.length)
        )
        //@ts-ignore
        const clusterMarkerCoordinates = marker._props.coordinates

        if (marker.element) {
            marker.element.onclick = () => {
                map?.setLocation({
                    center: clusterMarkerCoordinates,
                    duration: 500,
                    zoom: map.zoom + 3,
                })
            }
        }

        return marker
    },
})
    • 1

相关问题