Sample Code

Mapbox

Initialise your basemap:

var map = L.mapbox.map('map', 'examples.map-i86nkdio');


Load raster json and add image overlay to the map:

var raster, imgUrl, imOv;
$.getJSON("https://geocledian.com/agknow/api/v3/parcels/3243/vitality/12738", "key=39553fb7-7f6f-4945-9b84-a4c8745bdbec", function(data) {
    raster = data["content"][0];
    imgUrl = "https://geocledian.com/agknow/api/v3" + raster["png"];
    imOv = L.imageOverlay(imgUrl, raster["bounds"]).addTo(map);
    map.setView([raster["bounds"][0][0], raster["bounds"][0][1]], 12);
});

Google Maps

var raster, imgUrl, imOv;
$.getJSON("https://geocledian.com/agknow/api/v3/parcels/3243/vitality/12738", "key=39553fb7-7f6f-4945-9b84-a4c8745bdbec", & lt; br & gt;

    function(data) {
        raster = data["content"][0];
        imgUrl = "https://geocledian.com/agknow/api/v3" + raster["png"];
        imOv = L.imageOverlay(imgUrl, raster["bounds"]).addTo(map);
        map.setView([raster["bounds"][0][0], raster["bounds"][0][1]], 12);
    });
$.getJSON("https://geocledian.com/agknow/parcels/3243/vitality/12738",
    "key=39553fb7-7f6f-4945-9b84-a4c8745bdbec",
    function(data) {
        raster = data["content"][0];
        imgUrl = "https://geocledian.com/agknow/api/v3" + raster["png"];
        bounds = raster["bounds"]
        var imageMapType = new google.maps.ImageMapType({
            getTileUrl: imgURL,
            tileSize: bounds
        });
        map.overlayMapTypes.push(imageMapType);
    });