如何在MarkerClusterer图标中对齐数字？

Question

我使用谷歌地图api v3,我想显示数字对齐的自定义群集引脚,如下所示:

我试过这段代码:

var clusterOptions = {
        zoomOnClick: false,
        styles: [{height: 36, width: 36, url: location.href.substring(0, location.href.lastIndexOf("/")+1)+'images/pushpin_cluster.png' }]}
    var markerCluster = new MarkerClusterer(map, markers, clusterOptions);

但它显示如下:

如何将群集图标编号对齐到蓝色框中.

提前致谢...

Answer 1

我试过这段代码运行良好:

var clusterOptions = {
        zoomOnClick: false,        
        styles: [{ anchor:[2,22],textColor: "white",height: 36, width: 36, url: location.href.substring(0, location.href.lastIndexOf("/")+1)+'images/pushpin_cluster.png' }]}
    var markerCluster = new MarkerClusterer(map, markers, clusterOptions);

anchor:[2,22] - 从群集图标的中心到文本标签居中和绘制的位置(以像素为单位).格式为[yoffset,xoffset],其中yoffset从中心向下移动时增加,xoffset增加到中心右侧.默认值为[0,0].