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

Question

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

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

如果没有，有没有使用其他控件的方法来做到这一点？

Answer 1

我在下面找到了可能对你有帮助的链接。

Export Functionality

注意：请先检查您的剑道 ui 版本。因为不是所有版本都提供这个功能。

Answer 2

您可以为此使用 Kendo 绘图 API。

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

这可以通过将 drawDOM 中的值更改为您自己的地图的包装元素来自定义。此外，根据需要将 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"
        });
    });