Añadiendo atributos de imagen
HTML
<script src="https://sitna.navarra.es/api/dev/"></script>
<div id="mapa"></div>
JavaScript
const myMap = new SITNA.Map("mapa", {
baseLayers: [
SITNA.Consts.layer.MAPBOX_SATELLITE,
SITNA.Consts.layer.MAPBOX_STREETS,
SITNA.Consts.layer.CARTO_LIGHT,
SITNA.Consts.layer.CARTO_DARK
],
crs: "EPSG:3857",
initialExtent: [-8916022, 3179736, 9869141, 11789603],
workLayers: [
{
id: "paises",
type: SITNA.Consts.layerType.WMS,
url: "https://bio.discomap.eea.europa.eu/arcgis/services/Internal/Basemap_EEA38_WM/MapServer/WMSServer",
layerNames: ["3"],
title: "Países del mundo"
},
{
id: "rios",
type: SITNA.Consts.layerType.VECTOR,
url: "//sitna.github.io/getting-started/data/rivers.kml",
title: "Ríos"
},
{
id: "capitales",
type: SITNA.Consts.layerType.VECTOR,
format: SITNA.Consts.mimeType.GEOJSON,
url: "//sitna.github.io/getting-started/data/capitals.json",
title: "Capitales del mundo"
}
],
controls: {
TOC: false,
workLayerManager: {
div: "tc-slot-toc"
}
}
});
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",
// Añadimos un atributo con nombre en un formato específico para identificarlo como imagen
"Fotografía__image_auto_200": "//sitna.github.io/getting-started/img/stonehenge.jpg"
}
});
myMap.addMarker([1390641, 5144550], {
layer: "poi",
group:...