Telerik-ASP.Net MVC地图控件-另存为图像

Question

I've a requirement to have a map control (with the addition of data plotting using bubbles, pins etc) to display in our website. The user should then have the ability to export this map as an image.

Does anyone know if that is possible? I'm trying to use this control: http://www.telerik.com/aspnet-mvc/map with ASP.Net MVC5

If not, is there a method using other controls to do this?

Answer 1

I have found below link which might helpful to you.

Export Functionality

Note: Please check your kendo ui version first. Because all version don't provide this functionality.

Answer 2

You can use the Kendo Drawing API for this.

1. Read about the Kendo Drawing API , this should give you an idea of how it works. I've borrowed some code from the example we'll use in the next step.
2. Visit the map demo page and open a console. Copy and paste the code example below in your console window and hit enter. You should be prompted download an image of the map displayed.

This can be customized by changing the value in drawDOM to your own map's wrapper element. Also, replace the proxyURL with your own as needed.

    // Convert the DOM element to a drawing using kendo.drawing.drawDOM
    kendo.drawing.drawDOM($("#exampleWrap"))
    .then(function(group) {
        // Render the result as a PNG image
        return kendo.drawing.exportImage(group);
    })
    .done(function(data) {
        // Save the image file
        kendo.saveAs({
            dataURI: data,
            fileName: "example.png",
            proxyURL: "http://demos.telerik.com/kendo-ui/service/export"
        });
    });