Question

我无法复制传单的div容器。我使用jquery的克隆来复制第二个div。它适用于tailes，但地图上有一个热图图层。而这一层克隆完全忽略了！

让我试着用一个简单的例子，考虑我有两个div，一个带地图，另一个空！

＆＃13;

<button id="duplicateBtn">Duplicate map</button>
   
   <div id="map" style="width: 100%; height: 200px"></div>
   <p>Next</p>
   <div id="newTestMap" style="width: 100%; height: 200px"></div>

＆＃13;

<script> 
        // Treats duplicate button click
      	$("#duplicateBtn").click(function(){
            $('#map').clone().appendTo('#newTestMap');
	});
</script>

＆＃13;

您可以在codepen找到此代码：
http://codepen.io/danielcamara/pen/mAJAQy

然而，我真正的问题是我想用特定的页面格式打印地图内容。对于地图，用户可以处理它，例如更改热图，添加其他图层等...但是，当用户决定打印它时，我需要打印地图的当前状态。我的想法是在使用简单的window.print（）打印之前，将div复制到另一个窗口（包含所有图层的地图，热图等），以进行格式化。

我找到了其他打印解决方案，例如jQuery.print.js，但这些也没有正确处理热图。

是否有任何人有一个很好的解决方案克隆map div甚至正确打印？欢迎所有建议:)

丹尼尔

复制传单div（包含热图的div）

0 个答案: