Bing Maps-无法在clusteredPinCallback中设置和访问图钉属性

Question

我在客户端使用Bing Maps有问题。

1. 我地图上的标记代表一栋建筑物，里面有公寓的数量。我正在使用自定义图钉实现-SVG图像+文本（公寓数量）。引脚正确渲染。
2. 我需要提供自定义群集解决方案。我需要显示群集网格内所有公寓的总和，而不是显示带有标记数量的群集图标。
3. [我发现有一个称为clusteredPinCallback的映射方法，该方法可以访问数组，并且每个cluster grid中都有所有标记。
4. 我正在尝试提供公寓的数量作为图钉选项参数，例如text，title等，但没有正确设置。

const extendedPins = pins.map((pinItem, index) => {
        const options = {
                icon: 'https://www.bingmapsportal.com/Content/images/poi_custom.png',
                title: 123,
                text: 123
            };

        return new Microsoft.Maps.Pushpin(pin, options);
    });


    clusterLayer = new Microsoft.Maps.ClusterLayer(extendedPins, {
        clusteredPinCallback: createCustomClusteredPin,
        gridSize: 80
    });

    map.layers.insert(clusterLayer);
});

const createCustomClusteredPin = (cluster) => {
  console.warn(cluster)
}

console.log() response:

Answer 1

似乎有两个问题：

1. 图钉的文本和标题必须为字符串，而您要输入数字。

2. 在clusteredPinCallback中，已经创建了集群图钉，因此您可以通过setOptions调用对其进行自定义。

尝试使用此示例替换示例中的相同功能：

function createCustomClusteredPin(cluster) {
    cluster.setOptions({
        icon: 'https://www.bingmapsportal.com/Content/images/poi_custom.png',
        title: "123",
        text: "123" 
    });
}