nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Desactivar la opción «Maximizar ventana» en la ventana emergente del visor de mapas de AGOL

BugPie

Usamos el visor estándar de mapas web de ArcGIS Online para crear y publicar un mapa web que se utilizará en un sitio web. Una vez creado el mapa, uso la opción «Compartir» del visor para compartirlo con todos y luego hago clic en el botón «Insertar en un sitio web» para obtener el código HTML que le daré al desarrollador web, de modo que pueda incluir el mapa en un iframe en el sitio web.

Uno de los problemas que tenemos es que, una vez abierta una ventana emergente, aparece un botón o icono para «maximizar» junto al botón «X» para cerrarla, en la esquina superior derecha. Al hacer clic en este botón para maximizar, la ventana emergente se amplía, pero el contenido sigue teniendo el mismo tamaño. Así que simplemente añade más «espacio en blanco» a la ventana emergente. ¿Hay alguna forma de hacer que el contenido se ajuste dinámicamente a la ventana emergente maximizada o de desactivar por completo la opción para maximizarla? Esta opción para maximizar no nos sirve tal como está; es prácticamente inútil. ¡Supongo que debe de haber alguna solución por ahí!

Encuentra más publicaciones etiquetadas con

Accepted answers

evtguy

Upon further review, my answer *is* correct but only under certain limited situations. It will only work if you have "direct access" (or ownership) of the source files you're attempting to modify. You don't have that direct access if you're IFraming an AGOL map. This is one of those examples of browser restrictions to prevent malicious actions.

Link

Unless someone from ESRI chimes in, I don't think you'll be able to modify this.

All comments

evtguy

Since you mention that you're embedding the map into other pages, it may be possible to remove the maximize button using CSS. I work with the Javascript API and adding the following to my CSS stylesheets will remove the maximize button from popups:

.esriPopup .titleButton.maximize { 
    display: none !important;
}

Then again, Iframes are literally a browser within a browser so you may have to add this CSS style rule using javascript on the fly. I wish ESRI would give us the ability to disable/enable this buttton on our own..

Steve

BugPie

Thanks for your response Steve. I think you might be correct in that you can't disable this on our own, within the AGOL environment. I can't find anything that shows this option. At the very least, i wish it would just WORK if it's going to be there. I have yet to find an example where it works and the content expands with the window. I don't get it.

You will have to excuse my lack of knowledge on this, but how to you access the CSS for the embed map option? One of the limitations we are running into using this platform is that it seems our web developer is not able to adjust the CSS for the iframe code we provide using the "Embed Map" option. If there was a way they could access the CSS to 1)turn that button off 2) use custom fonts within the pop-ups. It would solve my problems for the most part.

Is this something I can tell/help them figure out?

Cheers

evtguy

Link

Unless someone from ESRI chimes in, I don't think you'll be able to modify this.

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.