问题本质 #

Google Maps的PinElement实例属性是不可变的，一旦创建完成，直接修改mark.content.glyphColor这类属性不会生效，必须通过创建新的PinElement实例并替换原有的content来实现属性更新。

保留原属性的实现方案 #

要保留原PinElement的所有属性，只需提取原实例的配置选项，覆盖需要修改的glyphColor后创建新实例即可：

for (const marker of markersDB2) {
  // 获取原PinElement的配置选项
  const originalPinOptions = marker.content.options;
  // 创建新的PinElement，继承原属性并修改glyphColor
  const newPin = new google.maps.marker.PinElement({
    ...originalPinOptions,
    glyphColor: labelColor
  });
  // 替换AdvancedMarkerElement的content
  marker.content = newPin;
}

更简洁的复用写法 #

如果需要频繁修改标记样式，可以封装一个复用函数，避免重复代码：

function updateMarkerGlyphColor(marker, newColor) {
  const originalOptions = marker.content.options;
  marker.content = new google.maps.marker.PinElement({
    ...originalOptions,
    glyphColor: newColor
  });
}

// 在maptypeid_changed事件中批量调用
map.addListener('maptypeid_changed', () => {
  markersDB2.forEach(marker => updateMarkerGlyphColor(marker, labelColor));
});

这种方式既完整保留了原PinElement的所有配置，又完成了目标属性的修改，是目前官方API支持的最优方案——因为PinElement的设计本身就是不可变对象，无法直接修改已有实例的属性。

内容的提问来源于stack exchange，提问作者vagelis