2017-06-22 19 views
2

我正在使用小冊子和純JS/jQuery來製作一張等值線地圖,並且當我嘗試將它導出爲本地文件爲PNG/PDF /等時出現問題。我想直接將地圖保存在主文件夾中,按control print button,如果可能的話,編輯默認輸出路徑。在小冊子中導出/打印地圖

在單張文件出現four plugins to make it

  • 使用Leaflet.print:我可以不適用它,也許我在JS /單張/ mapfish使用它知之甚少。沒有頁面演示可用來查看如何工作。然後,我打開github上的html示例index.html,看看它是如何工作的,但它使用Mapfish打印,使用info.json文件...我有一個使用兩個jsons繪製和着色多邊形的圖層組,可以在下面的JSFiddle鏈接中看到。

  • 使用Leaflet-image:我應用了它,它使用一個右鍵按鈕在原始地圖的右側生成一個只有地圖框底部的地圖。

  • 使用Leaflet-easyPrint:它的工作原理:產生在左上的控制按鈕(OK,我喜歡的按鈕!)和打印地圖,並在打印預覽中不顯示色彩的傳說。

  • 使用leaflet.browser.Print:與easyPrint相似,但我不希望整個瀏覽器視圖。我只想要地圖,所以我沒有嘗試。

而且,我嘗試了jQuery print plugin using map div id,但出口地圖早已不是顏色圖例(我想在本地文件中保存)。

因此,有沒有辦法做到這一點?如果你可以一步一步向我解釋,我將非常感激。

這是一個JSFiddle申請leaflet-easyPrintleaflet-image

回答

1

我認爲你最好的選擇是使用easyPrint。它確實存在你提到的問題,請參閱:https://github.com/rowanwins/leaflet-easyPrint/issues但是據我所知,它們應該在V2分支中解決:https://github.com/rowanwins/leaflet-easyPrint/tree/v2迄今爲止,更改沒有記錄,因此要找出發生了什麼變化,您需要解決問題我之前發佈過。

+0

你是對的:插件V2完美地將圖像(PNG)導出到本地文件,並在地圖上按下打印按鈕(在頂部)。 現在我想這樣做,但避免瀏覽器funcionality;模擬點擊(也許使用JavaScript),並直接保存在路徑(這是我的原始目標哈哈)。謝謝(你的)信息! –