CODEWITHSUNDEEP
leaflet
shrestha
shrestha

Reputation: 243

Print map in LeafletJS

I am new in LeafletJS. I am trying to print map in LeafletJS. My code for print is like this:

     printProvider = L.print.provider({
      capabilities: printConfig,
      method: 'GET',
      dpi: 254,
      autoLoad: true,
      // outputFormat: 'pdf',
      customParams: {
          mapTitle: 'Print Test',
          comment: 'Testing Leaflet printing'
      }
  });
  // Create a print control with the configured provider and add to the map
  printControl = L.control.print({
      provider: printProvider
  });
  map.addControl(printControl);

But when I click the print button error comes like this

Proxy Error.
The proxy server received an invalid response from an upstream server.
The proxy server could not handle the request GET /mapfish-print/pdf/print.pdf.

Reason: Error reading from remote server

Can anyone help me?

Upvotes: 9

Views: 7211

Answers (4)

rm -rf .
rm -rf .

Reputation: 503

//Printing
function printMyMap(){
   let myMapHTML= document.getElementById("myMap");
   let mywindow = window.open("", "PrintTheMap","width=600,height=800");

 let header = '<html><head><link rel="stylesheet"  href="/your path/Site.css" media="print" /> <link rel="stylesheet"  href="/your path/leaflet.css" /> </head>
 //Adding the header to the window
 mywindow.document.write(header);
 //Adding the map into the body
 mywindow.document.write("<body>"+myMapHTML+"<body>");
 mywindow.document.close(); // necessary for IE >= 10
 mywindow.focus(); // necessary for IE >= 10
 mywindow.print();
 mywindow.close();

}

Upvotes: 1

artem_p
artem_p

Reputation: 316

You can use jQuery Plugin to print a map.

The code is as simple as

$('#map').print();

Here is the codepen.

Upvotes: 7

vdolez
vdolez

Reputation: 1118

Have you added this line to your html ?

<script src="http://apps2.geosmart.co.nz/mapfish-print/pdf/info.json?var=printConfig"></script>

Plus I think you have to enable CORS.

Upvotes: 2

gusjap
gusjap

Reputation: 2515

I think you've missed to add some host to the list of allowed hosts in config.yaml in your mapfish print server.

If you want to allow all hosts you can add:

- !ipMatch
  host:0.0.0.0
  mask:0.0.0.0

Upvotes: 1

Related Questions