Processing math: 100%

6 votos

Auto ajustar el tamaño de mapa al 100% después de retira el panel de contenido en ArcGIS JSAPI

Estado en esto durante horas y me parece que no puede averiguar. Estoy usando AG-JSAPI 3.6

Tengo un mapa de diseño con un bordercontainer y dos contentpanes, Uno es el mapa div y el otro es el de la izquierda div (que ostenta la leyenda, y los mapas base y como elementos secundarios).

De todos modos, tengo una casilla de verificación del elemento en el pie de página cuando se hace clic, dispara una función que (idealmente) hacer la izquierda div desaparecer y el mapa div ampliar la anchura del navegador.

function toggleDiv() {
    // If statement to check if the checkbox is checked.
if (dijit.byId("ToggleLeft").checked) {
    //Sets the left div's display CSS property to inline and then setting the
    //width property
   dojo.setStyle(dijit.byId("leftDiv").domNode, 'display', 'inline');
   dojo.byId("leftDiv").style.width = '285px';

}
else
{
    // Sets the display css property to "none" which makes the element disappear 
   dojo.setStyle(dijit.byId("leftDiv").domNode, 'display', 'none');

};

}

La cosa es que, cuando se cambia el tamaño del navegador, el mapa se ajusta automáticamente al ancho del navegador. Sin embargo, quiero hacer esto tan pronto como el leftDiv elemento desaparece. Lo que el código js tengo que utilizar para que esto ocurra? Cualquier ayuda se agradece.

Gracias

3voto

scottb2 Puntos 664

La respuesta que estaba buscando era que aquí!

http://forums.ArcGIS.com/threads/91725-auto-Resize-Map-div-Container-to-100-After-a-Content-pane-is-removed-from-the-layout?p=325625&viewfull=1#post325625

Saludos

0voto

Shane Puntos 67

Trate de cambiar el tamaño del contenedor de frontera así como el mapa. (Para mí, he añadido una pequeña demora para hacer el mapa volver a dibujar correctamente).

//Resizes the border container
dijit.byId("border-container").resize();

//Resizes the map after 500 ms
setTimeout(function () {        
    map.resize();
}, 500);

i-Ciencias.com

I-Ciencias es una comunidad de estudiantes y amantes de la ciencia en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros usuarios, hacer tus propias preguntas o resolver las de los demás.

Powered by:

X