gpt4 book ai didi

css - 如何对齐 MarkerClusterer 图标中的数字?

转载 作者:技术小花猫 更新时间:2023-10-29 11:20:00 26 4
gpt4 key购买 nike

我使用的是 google map api v3,我想像这样显示带有数字对齐的自定义群集图钉:

enter image description here

我试过这段代码:

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);

但是显示是这样的:

enter image description here

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

提前致谢...

最佳答案

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

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]。

关于css - 如何对齐 MarkerClusterer 图标中的数字?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21227683/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com