1"use strict";(self.webpackChunkxsmusic=self.webpackChunkxsmusic||[]).push([[1550],{1550:(i,t,e)=>{e.r(t),e.d(t,{story:()=>l});var a=e(1747);const l={id:"map",name:"Map",type:"component",subtype:"UI",status:"active",usage:["admin","app","monitor"],updated:"2026-01-30T10:30:00.000Z",created:"2026-01-15T08:15:50.647Z",description:"Componente de mapa basado en Leaflet con soporte para Google Maps tiles, clusters de marcadores y soporte para modo oscuro.\n\nMultilenguaje: S\xed \u2014 este componente dispone de traducciones por componente para textos del Info Block (ver carpeta i18n).",component:a.fDd,selector:"xs-map",inputs:[{key:"center",label:"Centro (Lat, Lng)",type:"json",default:[40.417244274063485,-3.7021285218467663]},{key:"zoom",label:"Zoom",type:"number",default:13},{key:"items",label:"Marcadores",type:"json",default:[{id:"1",lat:40.417244274063485,lng:-3.7021285218467663,title:"Puerta del Sol",image:"https://via.placeholder.com/150",data:{type:"landmark"}}]},{key:"draggable",label:"Marcadores Arrastrables",type:"boolean",default:!1},{key:"isDarkMode",label:"Modo Oscuro",type:"boolean",default:!0},{key:"style",label:"Estilo (CSS)",type:"text",default:"height: 400px;"},{key:"isSingle",label:"Modo Single (Perfiles)",type:"boolean",default:!1}],examples:[{name:"Madrid Centro",description:"Vista b\xe1sica con un marcador en la Puerta del Sol.",inputs:{center:[40.41701,-3.70344],zoom:16,items:[{id:"sol",lat:40.41701,lng:-3.70344,title:"Puerta del Sol",image:"https://dummyimage.com/100x100/18181b/ffffff&text=SOL"}]}},{name:"Clustering de Discotecas",description:"Muchos marcadores en una misma zona que se agrupan autom\xe1ticamente.",inputs:{center:[40.41,-3.7],zoom:12,items:[{id:"1",lat:40.41,lng:-3.7,title:"Club 1",image:"https://dummyimage.com/100x100/18181b/ffffff&text=C1"},{id:"2",lat:40.412,lng:-3.702,title:"Club 2"},{id:"3",lat:40.415,lng:-3.701,title:"Club 3"},{id:"4",lat:40.408,lng:-3.698,title:"Club 4"},{id:"5",lat:40.418,lng:-3.705,title:"Club 5"},{id:"6",lat:40.411,lng:-3.708,title:"Club 6"},{id:"7",lat:40.414,lng:-3.703,title:"Club 7"},{id:"8",lat:40.405,lng:-3.695,title:"Club 8"},{id:"9",lat:40.42,lng:-3.71,title:"Club 9"},{id:"10",lat:40.413,lng:-3.697,title:"Club 10"}]}},{name:"Localizador Draggable",description:"\xdatil para formularios donde el usuario puede mover el pin para precisar una ubicaci\xf3n.",inputs:{center:[41.3851,2.1734],zoom:14,draggable:!0,items:[{id:"bcn",lat:41.3851,lng:2.1734,title:"Barcelona (Mueveme)"}]}},{name:"Interactivo con Info Block",description:"Mapa que utiliza el contenido proyectado para mostrar el XSMapInfoBlockComponent.",inputs:{center:[40.416,-3.703],zoom:15,items:[{id:"info",lat:40.416,lng:-3.703,title:"Teatro Kapital",data:{name:"Teatro Kapital",site:{name:"Teatro Kapital"},address:{street:"Calle de Atocha, 125",town:"Madrid",country:{name:"Espa\xf1a",code:"es"}},eventsFuture:3}}],projectedInputs:{item:null,type:"site"}},projectedComponent:a.Ycx,template:'\n <xs-map [center]="[40.416, -3.703]" [zoom]="15" [items]="[...]">\n <xs-map-info-block [item]="..." type="site">\n </xs-map-info-block>\n </xs-map>\n '},{name:"Clusters en m\xfaltiples regiones",description:"Visualizaci\xf3n de m\xfaltiples focos de marcadores que se agrupan por cercan\xeda.",inputs:{center:[40.4167,-3.70325],zoom:6,items:[{id:"m1",lat:40.41,lng:-3.7,title:"Madrid 1"},{id:"m2",lat:40.42,lng:-3.71,title:"Madrid 2"},{id:"m3",lat:40.415,lng:-3.69,title:"Madrid 3"},{id:"b1",lat:41.38,lng:2.17,title:"BCN 1"},{id:"b2",lat:41.39,lng:2.18,title:"BCN 2"},{id:"b3",lat:41.4,lng:2.16,title:"BCN 3"},{id:"v1",lat:39.46,lng:-.37,title:"Valencia 1"},{id:"v2",lat:39.47,lng:-.38,title:"Valencia 2"},{id:"s1",lat:37.38,lng:-5.98,title:"Sevilla 1"}]}},{name:"Modo Claro (Fuerza Light Map)",description:"Ejemplo de mapa con fondo claro forzado mediante el input isDarkMode.",inputs:{center:[40.4167,-3.70325],zoom:13,isDarkMode:!1,items:[{id:"light",lat:40.4167,lng:-3.70325,title:"Modo Claro"}]}},{name:"Modo Single (Perfiles)",description:"Desactiva pop-ups e interacciones para mapas en perfiles de artistas/locales.",inputs:{center:[40.416,-3.703],zoom:16,isSingle:!0,items:[{id:"info",lat:40.416,lng:-3.703,title:"Teatro Kapital",data:{name:"Teatro Kapital",site:{name:"Teatro Kapital"}}}]}}],multilanguage:!0,notes:[],coverage:{statements:74,branches:53,functions:69,lines:75}}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.