[Ej] Mapea Printer + GeoJSON
by Francisco
HTML
<script src="http://mapea4-sigc.juntadeandalucia.es/js/mapea.ol.min.js"></script>
<link rel="stylesheet" href="http://mapea4-sigc.juntadeandalucia.es/assets/css/mapea.ol.min.css">
<script src="http://mapea4-sigc.juntadeandalucia.es/js/configuration.js"></script>
<link rel="stylesheet" href="http://mapea4-sigc.juntadeandalucia.es/plugins/printer/printer.min.css">
<script src="http://mapea4-sigc.juntadeandalucia.es/plugins/printer/printer.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://geoprint-sigc.juntadeandalucia.es/geoprint/pdf";
mapajs = M.map({
container: "map"
});
// Creacion plugin
mapajs.addPlugin(new M.plugin.Printer({
"params": {
"pages": {
"creditos": "Impresión generada a través de Mapea"
},
"layout": {
"outputFilename": "mapea_${yyyy-MM-dd_hhmmss}"
}
},
// Pueden establecerse los valores de los desplegables
'options': {
'layout': 'imagen apaisada',
'format': 'pdf',
'dpi': '127'
}
}));
//GeoJSON servido
let provincias = new M.layer.GeoJSON({name: "Provincias", url: "http://geostematicos-sigc.juntadeandalucia.es/geoserver/tematicos/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=tematicos:Provincias&maxFeatures=50&outputFormat=application/json"});
mapajs.addLayers(provincias);
provincias.setStyle(new M.style.Polygon({
fill: {
color: 'pink',
opacity: 0.5,
},
stroke: {
color: '#FF0000',
width: 2,
linedash: [5,5,20], // Patrón de distancias
linedashoffset: 1, // Offset de fase
linecap: 'square', // Estilo de final de linea. round|square|butt
linejoin: 'miter', // Estilo de conexión de segmentos. miter|round|bevel
miterlimit: 15 // Tamaño máximo segmento de conexión
}
})
);
//GeoJSON local
let prueba = new M.layer.GeoJSON({
source: {"crs":{"properties":{"name":"EPSG:4326"},"type":"name"},"features":[{"properties":{"estado":1,"vendor":{"mapea":{}},"sede":"/Sevilla/CHGCOR003-Oficina de la zona regable del Genil","tipo":"ADSL","name":"/Sevilla/CHGCOR003-Oficina de la zona regable del Genil"},"type":"Feature","geometry":{"type":"Point","coordinates":[-5.278075,37.69374444444444]}},{"properties":{"estado":0,"vendor":{"mapea":{}},"sede":"/Córdoba/CHGCOR014-Presa de Retortillo","tipo":"VSAT","name":"/Córdoba/CHGCOR014-Presa de...