[Test] Geoprint SICAC

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 = "https://geoprint-sigc.juntadeandalucia.es/geoprint/pdf";

mapajs = M.map({
  container: "map",
  wmcfiles: ["satelite"],
  controls: ['mouse','layerswitcher'],
  center: [265563, 4150195],
  zoom: 16
});

// Creacion plugin
let pp = new M.plugin.Printer({
  "params": {
    "pages": {},
    "layout": {
      "outputFilename": "sicac"
    }
  },
  // Pueden establecerse los valores de los desplegables
  'options': {
    'layout': 'SICAC',
    'format': 'pdf',
    'dpi': 150,
    'printTitle': 'Título del mapa'
  }
});


mapajs.addWMS(new M.layer.WMS({
    url: 'https://ws096.juntadeandalucia.es/geoserver/sicac/wms?',
    name: 'orto_necro',
    legend: 'orto_necro',
    transparent: true,
    tiled: false
  }));



pp.on(M.evt.ADDED_TO_MAP, function() {
  document.querySelector('.form div.title > input').value = "Título del mapa";
  document.querySelector('.form div.description > textarea').value = "Creado con Mapea";
  // Eliminamos las opciones que no nos interesan
  let selectobject = document.getElementsByClassName("layout")[0].children[1];
  for (var i=0; i<selectobject.length; i++) {
      if (!selectobject.options[i].value.includes("SICAC")){
          selectobject.remove(i);
          i--;
			}}
});

mapajs.addPlugin(pp);