Visualizador base
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="cnig" content="yes"> <title>Visor base</title> <!-- Estilo de la API --> <link type="text/css" rel="stylesheet" href="https://componentes.cnig.es/api-core/assets/css/apiign.ol.min.css"> <style type="text/css"> html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; } </style> </head> <body> <!-- Contenedor principal del mapa --> <div id="mapjs" class="m-container"></div> <!-- Ficheros javascript de la API --> <script type="text/javascript" src="https://componentes.cnig.es/api-core/vendor/browser-polyfill.js"></script> <script type="text/javascript" src="https://componentes.cnig.es/api-core/js/apiign.ol.min.js"></script> <script type="text/javascript" src="https://componentes.cnig.es/api-core/js/configuration.js"></script> <script type="text/javascript"> // Configuración del mapa const mapjs = M.map({ container: 'mapjs', //id del contenedor del mapa controls: ['panzoom', 'scale*true', 'scaleline', 'rotate', 'location', 'backgroundlayers'], zoom: 5, maxZoom: 20, minZoom: 4, center: [-467062.8225, 4683459.6216], }); </script> </body> </html>