自定义 Google 地图 API V3 标记标签

Question

我真的很难自定义我的地图标记上的标签。在任何人发表评论之前，我已经尝试过 Customize Google Map API V3 Marker label 但这无济于事。就像我发现的所有其他东西一样，它指定这样的标记：

var marker = new google.maps.Marker({
    position: uluru,
    map: map,
    label: {
      text: "0k",
      color: "#4682B4",
      fontSize: "30px",
      fontWeight: "bold"
    },
    title: "Hello World!",
    visible: true
  });

我的代码使用 marker.setLabel 创建标签，如下所示：

var markersNear = oms.markersNearMarker(marker, false);
if (markersNear.length > 0) {
    marker.setLabel("" + (markersNear.length + 1));
}
marker.setOptions({
    zIndex: markersNear.length
});

除非我遗漏了一些明显的东西，否则我无法在 setOptions 中设置标签的样式。肯定有办法做到这一点。

https://jsfiddle.net/groxmzej/

Answer 1

您的示例看起来按预期工作。你打算如何设计它？

.setLabel(param) 接受字符串（如您的示例）或 MarkerLabel object.

var customLabel = {
    text: `${markersNear.length + 1}`,
    color: "#4682B4",
    fontSize: "30px",
    fontWeight: "bold"
}
marker.setLabel(customLabel);

您可以在您的示例中使用 this jsfiddle 查看此实现。

自定义 Google 地图 API V3 标记标签

Customising a Google Maps API V3 Marker label

google-maps-api-3

google-maps-markers