javascript - 我们如何在 google map api 中通过 javascript 设置标记标签内容？

Question

我正在使用此代码此代码更改 google map api 中标记标签的标签文本。但是这段代码不起作用。

var marker = new MarkerWithLabel({
        position : latlng,
        draggable : true,
        raiseOnDrag : true,
        map : map,
        labelContent : textVal,
        labelAnchor : new google.maps.Point(22, 0),
        title : "" + textCount,
        labelClass : "someClass" + textCount,
        icon:{}
    });
    marker.setLabelContent("sdda");

谁能告诉我我的代码有什么问题吗？

Answer 1

尝试:

marker.set('labelContent', 'sdda');

通读 marker label source code ，MarkerLabel 对象从 google.maps.Marker 扩展而来。

每当您在 MarkerLabel 对象上调用 .set() 方法时，都会引发一个事件来刷新标记。

因此调用 marker.set('labelContent', 'sdda'); 将引发一个 'labelcontent_changed' 事件，这反过来又使标记集成为其内部内容this.setContent()

这是源代码的摘录:

@class 此类表示传递给 {@link MarkerWithLabel} 构造函数的可选参数。可用的属性与 google.maps.Marker 相同，但增加了下面列出的属性。在标记后更改这些附加属性中的任何一个标记已创建，请调用 google.maps.Marker.set(propertyName, propertyValue)。