【问题标题】:Include custom markers in export在导出中包含自定义标记
【发布时间】:2016-10-30 21:17:38
【问题描述】:

我正在尝试导出带有自定义标记的 AmMap。这个例子展示了一些自定义标记,尝试导出地图,你会发现它在图像中根本没有标记:https://codepen.io/anon/pen/gwNevz

添加自定义标记的主要方法是将其添加为单独的 DOM 子项:

image.chart.chartDiv.appendChild( holder );

这本质上是 AmCharts 示例 (https://www.amcharts.com/demos/custom-html-elements-map-markers/),但启用了导出

标准导出插件省略了自定义标记。我尝试将自定义标记添加到其他 div,但这没关系。我也尝试过独立于 AmMaps 的方法(例如 html2canvas),但到目前为止都没有成功。

任何想法如何做到这一点?

【问题讨论】:

    标签: export amcharts markers ammap


    【解决方案1】:

    很遗憾,这是不可能的,这就是演示禁用导出的原因。导出将图表 div 中的基础 SVG 转换为图像。像 div 标记这样的非 SVG 元素不会被导出。您必须使用默认标记或通过 svgPath 属性创建自己的图像。

    【讨论】:

    • 感谢您的回复。我尝试以 SVG 元素的形式添加自定义标记(并手动将它们添加到 DOM 树中),但到目前为止还没有成功。对于我的特定用例,svgPath 的使用可能会起作用,所以我会尝试这种方式。谢谢!
    猜你喜欢
    • 2011-07-24
    • 2012-01-14
    • 1970-01-01
    • 2013-08-10
    • 2016-04-30
    • 1970-01-01
    • 2011-01-23
    • 2021-03-27
    • 1970-01-01
    相关资源
    最近更新 更多