os explico mi caso:
He creado un index.html donde mostrar información georreferenciada de distintos elementos sobre un mapa. Dichos elementos o features están elojados en ficheros tipo geoJSON especiales para almacenar información variada como sus coordenadas, nombre..etc. el resultado final es que el elemento del geoJSON queda representado sobre el mapa gracias a un script que lo llama desde el index.HTML.
Por otra parte, tengo en el mimso index.html creado un <div> a modo de sidebar que sólo se debe abrir cuando alguien hace clic sobre un elemento del mapa con el fin de que en él se muestre una determinada información almacenada en otro fichero HTML guardado en el servidor.
el <div> que alojaria el HTML una vez que se hace clic sobre un elemento del manpa tiene esta apariencia
Código HTML :
<div id="sidebar"> </div>
mientras que el elemento sobre el que se hará clic y que está situado en el mapa tiene esta otra
Código Java :
var feature = L.geoJson(feature, {
pointToLayer: function (feature, latlng) {
return L.marker(latlng, {icon: featureIcon}).bindLabel(feature.properties.Name, {noHide:false}).on('click', function () {
sidebar.toggle();
});
;}}).addTo(map);Como veis he colocado la funcion .on('clic', function(){sidebar.toggle(); que sería la que ordenaría al hacer clic sobre el feature que se abra el nuevo html en el sidebar, pero aquí es donde me atasco. ¿alguien podría echarme una manno?
gracias y saludos
