方式一

import { format } from 'ol/coordinate';
import MousePosition from "ol/control/MousePosition.js";
//滑鼠獲取座標控制元件
const mousePositionControl = new MousePosition({
    coordinateFormat: function (coordinate) {
        return format(coordinate, '經度:{x} 緯度:{y}', 2);
    },
    projection: 'EPSG:4326',
    className: 
 
'custom-mouse-position',
    target: document.getElementById('mouse-position'),
    undefinedHTML: ' '
});
//新增控制元件到地圖
map.addControl(mousePositionControl);

格式像這樣：經度:165.23 緯度:13.71

方式二

import { createStringXY } from 'ol/coordinate.js';
import MousePosition from "ol/control/MousePosition.js";
//滑鼠獲取座標
 

const mousePositionControl = new MousePosition({
    coordinateFormat: createStringXY(2),
    projection: 'EPSG:4326',
    className: 'custom-mouse-position',
    target: document.getElementById('mouse-position'),
    undefinedHTML: ' '
});
map.addControl(mousePositionControl);

 格式像這樣：165.23 13.71