當我打印谷歌地圖;它不打印圖標;我怎麼可以打印完整的谷歌地圖 我使用谷歌地圖API V3的JavaScript無法打印帶有圖標的谷歌地圖
0
A
回答
0
有解決這個問題的其他幾個問題: How to print Google Map markers
短,谷歌地圖API的Javascript不打印覆蓋(標記,線)正確或完全。您可以使用Google Maps靜態API,但限制在地圖上繪製的疊加層數量。但是,這是獲得可靠打印的最佳方式。
長,標記有類'gmnoprint',它禁止他們顯示在打印的渲染。您可以遍歷標記並刪除此類,這應該允許將它們打印在頁面上。據我所知,這不適用於方向線。
0
很多天試圖打印圖標和路線,所以最後我做到了!!!!!!!! 我發現一個js script that convert html to canvas,我認爲這將是解決方案,但不幸的是,它根本就沒有。
如果發現,當我使用它,並說瀏覽器打印頁面終於顯示它!但畫布再次不顯示圖標¿...?
所以我只是在加載時執行腳本並將結果畫布追加到地圖背後的div上(如果你把顯示器:沒有不工作!)。我的英語:) 這裏有點不好意思代碼:
<div id="imprimir">
<h1><?php echo $direccion;?></h1>
<div id="distancia"></div>
<div id="map-canvas" style="margin: 0;padding: 0; height: 550px;z-index:10"></div>
<div id="captura" style="position:absolute;top:100px;left:50px;"></div>
</div>
//------------ ...
Google Map code here
//------------ ...
<script>
html2canvas($("#imprimir"), {
onrendered: function(canvas) {
$("#captura").html(canvas);
}
});
</script>
很好,我希望這可以幫助您!
0
$("#btnPrint").click(function() {
var contents = $("#map_canvas").html();
var frame1 = $('<iframe />');
frame1[0].name = "frame1";
frame1.css({ "position": "absolute", "top": "-1000000px" });
$("body").append(frame1);
var frameDoc = frame1[0].contentWindow ? frame1[0].contentWindow : frame1[0].contentDocument.document ? frame1[0].contentDocument.document : frame1[0].contentDocument;
frameDoc.document.open();
//Create a new HTML document.
frameDoc.document.write('<html><head><title>DIV Contents</title>');
frameDoc.document.write('</head><body>');
//Append the external CSS file.
frameDoc.document.write('<link href="style.css" rel="stylesheet" type="text/css" />');
//Append the DIV contents.
frameDoc.document.write(contents);
frameDoc.document.write('</body></html>');
frameDoc.document.close();
setTimeout(function() {
window.frames["frame1"].focus();
window.frames["frame1"].print();
frame1.remove();
}, 500);
});
相關問題
- 1. 打印谷歌地圖V3
- 2. 打印谷歌地圖
- 3. 谷歌地圖API V3打印地圖
- 4. asp.net c#打印帶標記的谷歌地圖
- 5. 打印帶有方向的谷歌地圖
- 6. 谷歌地圖圖像寬度960或打印屏幕谷歌地圖合法?
- 7. 谷歌地圖無法正常打開
- 8. 無法打開谷歌地圖
- 9. 谷歌地圖 - 帶有方向標的靜態地圖
- 10. 谷歌地圖:無法添加標記
- 11. 無法顯示谷歌地圖標記
- 12. 打印json結果到谷歌地圖
- 13. 無法從谷歌地圖
- 14. 帶谷歌地圖的jQuery
- 15. 添加標記到現有的谷歌地圖(無刷新谷歌地圖)
- 16. 谷歌地圖標記爲紐帶
- 17. 谷歌地圖圖標
- 18. 隱藏帶特定ID和谷歌地圖的谷歌標記
- 19. 在谷歌地圖上打印大地圖
- 20. 打開谷歌地圖標記從地圖之外的鏈接
- 21. Portlet for谷歌地圖和帶有過濾器的地圖
- 22. 帶有gmaps4rails的谷歌地圖中的不同標記
- 23. Java谷歌地圖谷歌地圖
- 24. 谷歌地圖上的黃色人物圖標無法在地圖上移動
- 25. 谷歌地圖 - 底部帶有標記的攝像頭位置
- 26. 谷歌地圖變化標記圖標
- 27. 谷歌地圖動態標記圖標
- 28. 谷歌地圖infowindow無法打開/顯示:無
- 29. 無法打印多維數組使用谷歌圖表json
- 30. 在谷歌地圖中添加標記谷歌地圖反應