Trabajando con entidades geográficas
HTML
<script src="https://sitna.navarra.es/api/dev/"></script>
<div id="mapa"></div>
JavaScript
const myMap = new SITNA.Map("mapa", {
// Instanciamos el mapa con una maquetación personalizada
layout: "//sitna.github.io/getting-started/layout/my-layout"
});
myMap.loaded(() => {
myMap.addLayer({
id: "poi",
type: SITNA.Consts.layerType.VECTOR,
title: "Puntos de interés"
}, () => {
myMap.addMarker([-203288, 6652999], {
layer: "poi",
group: "Prehistoria",
data: {
"Nombre": "Stonehenge",
"Fecha de inicio de construcción": "2400-2200 a.e.c.",
"Uso": "Desconocido",
"Fotografía__image_auto_200": "//sitna.github.io/getting-started/img/stonehenge.jpg"
}
});
myMap.addMarker([1390641, 5144550], {
layer: "poi",
group: "Edad Antigua",
data: {
"Nombre": "Coliseo",
"Fecha de inicio de construcción": "72 e.c.",
"Uso": "Anfiteatro",
"Fotografía__image_auto_200": "//sitna.github.io/getting-started/img/colosseum.jpg"
}
});
myMap.addMarker([677254, 6581543], {
layer: "poi",
group: "Edad Media",
data: {
"Nombre": "Catedral de Aquisgrán",
"Fecha de inicio de construcción": "796",
"Uso": "Templo",
"Fotografía__image_auto_200": "//sitna.github.io/getting-started/img/aachen.jpg"
}
});
myMap.addMarker([-399432, 4463713], {
layer: "poi",
group: "Edad Media",
data: {
"Nombre": "Alhambra",
"Fecha de inicio de construcción": "c. 1238",
"Uso": "Residencia",
"Fotografía__image_auto_200": "//sitna.github.io/getting-started/img/alhambra.jpg"
}
});
myMap.addMarker([-720856, 7112550], {
layer: "poi",
group: "Prehistoria",
data: {
"Nombre": "Newgrange",
"Fecha de inicio de construcción": "3300-2900 a.e.c.",
"Uso": "Funerario",
"Fotografía__image_auto_200": "//sitna.github.io/getting-started/img/newgrange.jpg"
...