OpenLayers如何使用官方推荐方式将坐标格式化为逗号分隔小数？

OpenLayers 官方已经内置了自定义小数分隔符的能力，不需要手动做字符串替换，有两种主流实现方案：

方案1：直接使用 ol.coordinate.format 内置参数 #

ol.coordinate.format 方法支持第四个可选参数 decimalMark，专门用来指定小数点的显示符号，直接传入逗号即可，优化后的代码如下：

map.addControl(new ol.control.MousePosition({
  coordinateFormat: function (coordinate) {
    return ol.coordinate.format(
      coordinate, 
      'E {x}  N {y} (' + projectionTitle + ')', 
      3,
      ','
    );
  }
}));

该方案和你原有逻辑的输出效果完全一致，是官方原生支持的标准实现，兼容OpenLayers v4.3.0及以上所有版本。

方案2：结合 Intl.NumberFormat 实现复杂格式化 #

如果你的应用需要适配多地区数字显示规范、添加千位分隔符等更复杂的格式化需求，可以使用浏览器原生的Intl.NumberFormatAPI实现，这也是OpenLayers官方文档推荐的国际化坐标格式化方案：

// 可根据地区动态调整格式化规则，例如下方配置对应德语区数字显示习惯
const coordinateFormatter = new Intl.NumberFormat('de-DE', {
  minimumFractionDigits: 3,
  maximumFractionDigits: 3
});

map.addControl(new ol.control.MousePosition({
  coordinateFormat: function (coordinate) {
    const formattedX = coordinateFormatter.format(coordinate[0]);
    const formattedY = coordinateFormatter.format(coordinate[1]);
    return `E ${formattedX}  N ${formattedY} (${projectionTitle})`;
  }
}));

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