javascript - 如何更改 BingMaps 中群集图钉的颜色？

Question

我正在尝试将群集图钉的颜色从默认的紫色更改为其他颜色。我在文档中看不到任何明显的内容。我尝试了以下方法:

var layer = new Microsoft.Maps.ClusterLayer(clusterPins, {
    color: 'yellow'
});

但是没有效果。奇怪的是，单个引脚本身(当它们未聚集时)可以着色:

var clusterPin = new Microsoft.Maps.Pushpin(location, {
    color: 'yellow'
});

我真的必须走创建 SVG 的路线只是为了更改群集图钉的颜色吗？

Answer 1

您需要使用 clusteredPinCallback 选项来设置集群图钉的样式。例如:

var clusterLayer = new Microsoft.Maps.ClusterLayer(pins, {
    clusteredPinCallback: function(clusterPin){
        clusterPin.setOptions({ color: 'yellow' });
    }
});

这样做是因为大多数开发人员希望根据集群大小或集群内的内容自定义集群。这是一个更深入的代码示例:http://bingmapsv8samples.azurewebsites.net/#Clustering_Customization