我们如何在 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');

通读标记标签源代码，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) 。

Answer 2

试试： var label= { color: '#333', fontWeight: 'bold', fontSize: '16px', text: data[i].deviceID.toUpperCase() }; 标记.setLabel（标签）；