dai-maps

ADVERTENCIA

El presente proyecto dejará de tener mantenimiento a partir de diciembre del 2022 para después ser archivado y eliminado. Esto en concordancia con los lineamientos de SALSA y de la Estrategia Digital Nacional. Este proyecto se encontrará ahora dentro del grupo de repositorios oficiales de SALSA. Se recomienda a la persona usuaria hacer los cambios pertinentes para usar el proyecto refactorizado y en su última versión, que se puede encontrar en aquí.

Componentes reutilizables de mapas para la DAI.

Si contribuyes al codigo de este componente ve a esta sección

Como empezar

Instalar y crear el primer mapa

1.- En un futuro (hasta que se publique en npm)

npm install dai-maps

1.- Por el momento

npm install git+https://github.com/conacyt-dai/dai-maps.git#version-a-instalar

2.-

En el archivo src/main.js, importar y registrar el uso de los componentes de esta libreria

import Vue from 'vue'
import App from './App.vue'
//agregar la libreria, su css y registrarla en Vue
import DaiMaps from "dai-maps"
import "dai-maps/dist/dai-maps.css"
Vue.use(DaiMaps)


new Vue({ ... el codigo de siempre

Tambien seria posible instalar subcomponentes especificos [TERMINAR DE REDACTAR ESTA SECCION]

3.- Dentro del componente en el que se desee crear mapas con el diseño Dai mandar a llamar al componente dai-map, dentro de el agregar los layers necesarios

<template>
    <!--el center como coordenadas (x,y) en EPSG:4326-->
    <dai-mapa :zoom="2" :centro="0,0">
        <dai-capa-xyz-osm/>
    </dai-map>
</template>

Revisar la documentacion en local

npm install
npm run docs:serve

abrir localhost:8080