[Test] Geoprint ventana

by Francisco

HTML

<script src="http://mapea4-sigc.juntadeandalucia.es/js/mapea-5.0.0.ol.min.js"></script>
<link rel="stylesheet" href="http://mapea4-sigc.juntadeandalucia.es/assets/css/mapea-5.0.0.ol.min.css">
<script src="http://mapea4-sigc.juntadeandalucia.es/js/configuration-5.0.0.js"></script>
<link rel="stylesheet" href="http://mapea4-sigc.juntadeandalucia.es/plugins/printer/printer-2.0.0.min.css">
<script src="http://mapea4-sigc.juntadeandalucia.es/plugins/printer/printer-2.0.0.ol.min.js"></script>
<div id="map"></div>

CSS

html,
body,
#map {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

JavaScript

// Puede configurarse otra instancia de Geoprint si se desea
M.config.geoprint.URL = "http://sigc.int.i-administracion.junta-andalucia.es/geoprint/pdf";

mapajs = M.map({
  container: "map",
  controls: ['mouse'],
  center: [218929, 4049308],
  zoom: 9
});

// Creacion plugin
let pp = new M.plugin.Printer({
  "params": {
    "pages": {},
    "layout": {
      "outputFilename": "ventana"
    }
  },
  // Pueden establecerse los valores de los desplegables
  'options': {
    'layout': 'Ventana2',
    'format': 'pdf',
    'dpi': 150,
    'printTitle': 'Título de la impresión'
  }
});

pp.on(M.evt.ADDED_TO_MAP, function() {
  document.querySelector('.form div.title > input').value = "Título de la impresión";

  document.querySelector('.form div.description > textarea').value = "Esta zona representa la costa Oeste gaditana";

  document.querySelector('.form div.layout > select').options.length = 1;
  document.querySelector('.form div.layout > select').options[0] = new Option("Ventana2", "Ventana2", true, false);
});

mapajs.addPlugin(pp);