OpenLayers:如何将MousePosition坐标转换为HDMS格式？

OpenLayers是一个开源的JavaScript库，用于在Web浏览器中展示交互式地图。它提供了丰富的地图功能和工具，包括地图渲染、地图控制、图层管理等。

要将MousePosition坐标转换为HDMS格式，可以使用OpenLayers的坐标转换功能。以下是一个示例代码：

// 创建一个地图实例
var map = new ol.Map({
  // 地图容器的ID
  target: 'map',
  // 地图图层
  layers: [
    new ol.layer.Tile({
      source: new ol.source.OSM()
    })
  ],
  // 地图视图
  view: new ol.View({
    center: ol.proj.fromLonLat([0, 0]),
    zoom: 2
  })
});

// 创建一个鼠标位置控件
var mousePositionControl = new ol.control.MousePosition({
  coordinateFormat: ol.coordinate.createStringXY(4), // 设置坐标格式
  projection: 'EPSG:4326', // 设置坐标投影
  className: 'custom-mouse-position',
  target: document.getElementById('mouse-position'),
  undefinedHTML: '&nbsp;'
});

// 将鼠标位置控件添加到地图中
map.addControl(mousePositionControl);

在上述代码中，我们创建了一个地图实例，并添加了一个鼠标位置控件。通过设置coordinateFormat属性为ol.coordinate.createStringXY(4)，我们可以将鼠标位置的坐标格式设置为带有4位小数的字符串。projection属性用于设置坐标投影，这里我们使用了EPSG:4326投影，也就是经纬度坐标。

在HTML中，我们需要添加一个用于显示鼠标位置的元素，例如：