[Plugin] - Printer

by SIGC

HTML

<script src="https://sigc.desarrollo.guadaltel.es/mapea5/js/mapea.ol.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea5/plugins/printer/printer.ol.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea5/js/configuration.js"></script>
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea5/plugins/printer/printer.min.css">
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea5/assets/css/mapea.ol.min.css">
<div id="map">
</div>

CSS

html,
 body {
   margin: 0;
   padding: 0;
   height: 100%;
   overflow: hidden;
 }

JavaScript

let centros = new M.layer.WFS({
  url: "http://geostematicos-sigc.juntadeandalucia.es/geoserver/wfs",
  namespace: "sepim",
  name: "campamentos",
  geometry: 'POINT',
  extract: true
});

var map = M.map({
  'container': 'map',
  "controls": ["layerswitcher"],
  wmcfiles: ['cdau'],
  layers: [centros]
});



/*centros.on(M.evt.SELECT_FEATURES, function() {
  console.log("Se ha seleccionado un feature");
});*/

map.addPlugin(new M.plugin.Printer({
  "params": {
    "pages": {
      "creditos": "Impresión generada a través de Mapea"
    },
    "layout": {
      "outputFilename": "mapea_${yyyy-MM-dd_hhmmss}"
    },
  },
  'options': {
    'layout': 'imagen apaisada',
    'format': 'png',
  }
}));