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

Question

我要求在我们的网站上显示地图控件（添加使用气泡，图钉等的数据绘图）。然后，用户应该能够将此地图导出为图像。

有谁知道这是否可能？ 我正在尝试使用此控件：http://www.telerik.com/aspnet-mvc/map与ASP.Net MVC5

如果没有，是否有使用其他控件执行此操作的方法？

Answer 1

我找到了以下可能对您有帮助的链接。

Export Functionality

注意：请先检查您的kendo ui版本。因为所有版本都不提供此功能。

Answer 2

您可以使用Kendo Drawing API。

1. 了解Kendo Drawing API，这可以让您了解它的工作原理。我已经从我们将在下一步中使用的示例中借用了一些代码。
2. 访问map demo page并打开控制台。将以下代码示例复制并粘贴到控制台窗口中，然后按Enter键。系统将提示您下载显示的地图图像。

可以通过将drawDOM中的值更改为您自己的map的包装元素来自定义。另外，根据需要将proxyURL替换为您自己的。

    // 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"
        });
    });