如何将标签放置在 Google 地图中的标记内？

Question

如图所示，我的标签“150”严格位于中心。但我想上升一点。这可能吗？ 请注意，我正在使用标记聚类。所以我必须使用“标记”类型（如果我错了请纠正我）

Answer 1

请参阅

Icon

匿名对象的文档：

标签来源
类型：点
如果标签由标记提供，则标签的原点相对于图标图像的左上角。默认情况下，原点位于图像的中心点。

要移动标签，请将

Icon

的 labelOrigin 属性设置为所需的值。

Answer 2

您实际上可以添加如下所示的代码：

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(43.467946, -79.687896),
    icon: {
        url: 'active_map_marker.svg',
        labelOrigin: {
            x: 50,
            y: 90
        }
    },
    title: 'Oakville',
    label: {
        text: "Oakville",
        color: "#BF9778",
        fontSize: "16px",
        fontWeight: "400",
        top: "15px"
    },
});
marker.setMap(map);

图标中的“labelOrigin”属性将允许您通过将x和y坐标作为其值来设置标签的位置。