Custom Fonts

by SIGC GUADALTEL

HTML

<script src="https://sigc.desarrollo.guadaltel.es/mapea6/js/mapea-6.0.0.ol.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea6/js/configuration-6.0.0.js"></script>
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea6/assets/css/mapea-6.0.0.ol.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<input type="file" id="file-input" />
<button id="load-button">Cargar GeoPackage</button>
<div id="map"></div>

CSS

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

JavaScript

// En el constructor
const mapjs = M.map({
  container: 'map',
  controls: ['layerswitcher'],
  center: [235758.56916324786, 4141400.208799071],
  zoom: 8
});

//GeoJSON local
const layer = new M.layer.GeoJSON({
  url: 'http://geostematicos-sigc.juntadeandalucia.es/geoserver/sepim/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=sepim:EstructuraJA&maxFeatures=50&outputFormat=application%2Fjson',
  name: 'prueba'
});

mapjs.addLayers(layer);

M.style.Font.addSymbol({
  "font": "FontAwesome",
  "name": "FontAwesome",
  "copyright": "SIL OFL 1.1",
  "prefix": "fa"
}, {
  "fa-glass": "\uf000",
  "fa-music": "\uf001",
  "fa-search": "\uf002",
  "fa-envelope-o": "\uf003",
  "fa-heart": "\uf004",
  "fa-star": "\uf005",
  "fa-star-o": "\uf006",
  "fa-user": "\uf007",
  "fa-film": "\uf008",
  "fa-th-large": "\uf009",
  "fa-th": "\uf00a",
  "fa-th-list": "\uf00b",
  "fa-check": "\uf00c",
  "fa-remove": "\uf00d",
  "fa-close": "\uf00d",
  "fa-times": "\uf00d",
  "fa-search-plus": "\uf00e",
  "fa-search-minus": "\uf010",
  "fa-power-off": "\uf011",
  "fa-signal": "\uf012",
  "fa-gear": "\uf013",
  "fa-cog": "\uf013",
  "fa-trash-o": "\uf014",
  "fa-home": "\uf015",
  "fa-file-o": "\uf016",
  "fa-clock-o": "\uf017",
  "fa-road": "\uf018",
  "fa-download": "\uf019",
  "fa-arrow-circle-o-down": "\uf01a",
  "fa-arrow-circle-o-up": "\uf01b",
  "fa-inbox": "\uf01c",
  "fa-play-circle-o": "\uf01d",
  "fa-rotate-right": "\uf01e",
  "fa-repeat": "\uf01e",
  "fa-refresh": "\uf021",
  "fa-list-alt": "\uf022",
  "fa-lock": "\uf023",
  "fa-flag": "\uf024",
  "fa-headphones": "\uf025",
  "fa-volume-off": "\uf026",
  "fa-volume-down": "\uf027",
  "fa-volume-up": "\uf028",
  "fa-qrcode": "\uf029",
  "fa-barcode": "\uf02a",
  "fa-tag": "\uf02b",
  "fa-tags": "\uf02c",
  "fa-book": "\uf02d",
  "fa-bookmark": "\uf02e",
  "fa-print": "\uf02f",
  "fa-camera": "\uf030",
  "fa-font": "\uf031",
  "fa-bold": "\uf032",
  "fa-italic": "\uf033",
  "fa-text-height": "\uf034",
  "fa-text-width":...