# 圖台坐標顯示問題(MousePosition)

### 公版預設坐標系統為 TWD97(EPSG:3826)

MousePosition事件觸發取得的坐標就是97的坐標

<script>
    var mousePositionControl = new ol.control.MousePosition({
        coordinateFormat: function (coordinate) {
            //coordinate 為 TWD97坐標系統
            var ret = ol.coordinate.format(coordinate, coordinateTemplate, 0);
            return ret;
        },
        projection: displayPrj,
        target: document.getElementById('mouse-position'),
        undefinedHTML: '&nbsp;'
    });

    map.addControl(mousePositionControl);
</script>

### 客製化需求是能夠讓使用者切換坐標系統

若預設坐標系統維持TWD97，滑鼠移至國外區域坐標顯示會有問題

調整方式: 將MousePosition預設坐標系統為(EPSG:3857)

var mousePositionControl = new ol.control.MousePosition({
        coordinateFormat: function (coordinate) {
            //3857 to 3826
            var Coord3826 = ol.proj.transform(coordinate, "EPSG:3857", "EPSG:3826");
            var ret = ol.coordinate.format(Coord3826, coordinateTemplate, 0);
            return ret;
        },
        projection: "EPSG:3857", //設定預設坐標系統
        target: document.getElementById('mouse-position'),
        undefinedHTML: ' '
    });

    map.addControl(mousePositionControl);