Leaflet - how to rotate latlong 90degrees?

Question

Wrong

Right

Ive got a CRS.simple map made from x y coordinates. When inserted with markers, they go as the 1st image shows, but they should go as they are in the 2nd image. How do i get that rotation to happen?

question from:https://stackoverflow.com/questions/66051138/leaflet-how-to-rotate-latlong-90degrees

Answer 1

The CRS.Simple coords are in the format [y,x]

You can switch them with following:

var yx = L.latLng;

var xy = function(x, y) {
    if (L.Util.isArray(x)) {    // When doing xy([x, y]);
        return yx(x[1], x[0]);
    }
    return yx(y, x);  // When doing xy(x, y);
};

https://leafletjs.com/examples/crs-simple/crs-simple.html#this-is-not-the-latlng-youre-looking-for

Update

Mirror the coords with adding a minus:

var yx = L.latLng;

var xy = function(x, y) {
    if (L.Util.isArray(x)) {    // When doing xy([x, y]);
        return yx(-x[1], -x[0]);
    }
    return yx(-y, -x);  // When doing xy(x, y);
};