| 1 | ---
|
| 2 | layout: example.html
|
| 3 | title: Export PDF example
|
| 4 | shortdesc: Example of exporting a map as a PDF.
|
| 5 | docs: >
|
| 6 | Example of exporting a map as a PDF using the <a href="https://github.com/MrRio/jsPDF" target="_blank">jsPDF</a> library.
|
| 7 | tags: "export, pdf, openstreetmap"
|
| 8 | resources:
|
| 9 | - https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.2.61/jspdf.min.js
|
| 10 | ---
|
| 11 | <div class="row-fluid">
|
| 12 | <div class="span12">
|
| 13 | <div id="map" class="map"></div>
|
| 14 | </div>
|
| 15 | </div>
|
| 16 | <form class="form">
|
| 17 | <label>Page size </label>
|
| 18 | <select id="format">
|
| 19 | <option value="a0">A0 (slow)</option>
|
| 20 | <option value="a1">A1</option>
|
| 21 | <option value="a2">A2</option>
|
| 22 | <option value="a3">A3</option>
|
| 23 | <option value="a4" selected>A4</option>
|
| 24 | <option value="a5">A5 (fast)</option>
|
| 25 | </select>
|
| 26 | <label>Resolution </label>
|
| 27 | <select id="resolution">
|
| 28 | <option value="72">72 dpi (fast)</option>
|
| 29 | <option value="150">150 dpi</option>
|
| 30 | <option value="300">300 dpi (slow)</option>
|
| 31 | </select>
|
| 32 | </form>
|
| 33 | <button id="export-pdf">Export PDF</button>
|