Provide format:tiles source and proj param

[dbauszus-glx]

This works with:

"autonavi": {
  "format": "tiles",
  "URI": "http://webrd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
  "source": "XYZ"
},

However the tiles are shifted.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[dbauszus-glx]

layer.source and layer.projection can now be defined as layer param.

I created a plugin for the gcj02 mercator projection which is basically web-mercator with the gcj02 obfuscation datum.

import { GCJ02 } from "https://esm.sh/ol-proj-ch";

export default (function () {

    const gcj02Mercator = new ol.proj.Projection({
        code: "gcj02",
        extent: ol.proj.get("EPSG:3857").getExtent(),
        units: "m"
    });

    const ll2merc = ol.proj.getTransform("EPSG:4326", "EPSG:3857");
    const merc2ll = ol.proj.getTransform("EPSG:3857", "EPSG:4326");

    ol.proj.addProjection(gcj02Mercator);

    ol.proj.addCoordinateTransforms(
        "EPSG:4326",
        gcj02Mercator,
        (x) => ll2merc(GCJ02.fromEPSG4326(x)),
        (x) => GCJ02.toEPSG4326(merc2ll(x))
    );

    ol.proj.addCoordinateTransforms(
        "EPSG:3857",
        gcj02Mercator,
        (x) => ll2merc(GCJ02.fromEPSG3857(x)),
        (x) => GCJ02.toEPSG3857(merc2ll(x))
    );

})()