Earth Art con el editor de estilo de mosaico vectorial

Una de mis formas favoritas de diseñar mapas es con el Editor de estilo de teselas vectoriales. Lo maravilloso de esto es que puede tomar cosas que le gusten de un mapa base de Esri y unirlo con otro. Por ejemplo, echa un vistazo a este mapa que es el Esri World Imagery y el World Topographic Basemap mezclados.

Este enfoque híbrido permite lo mejor de ambos tipos de mapas base. Obtienes el contexto de la realidad mientras restas todo lo demás con una representación digital simplificada.

La forma en que se diseñó este mapa fue a escala global, la tierra está enmascarada por el mapa topográfico. Luego, a medida que se acerca, las hermosas imágenes del mundo se revelan utilizando capas de tierra y vegetación impulsadas por la opacidad del mapa topográfico. Esto permite que el mapa base esté en una buena posición para tener otros datos colocados sobre él (tenga en cuenta que para un buen ejemplo de trabajo, así es como se creó el mapa base para la aplicación Wildfire Aware).

Mientras trabajaba en el mapa de arriba, me encontré con otra visualización que pensé que era realmente intrigante. Echa un vistazo a lo que sucede cuando combinas World Contours y World Imagery, parece que fue delineado con un bolígrafo por un artista del terreno. Estos contornos ayudan a acentuar la tierra de manera muy elegante. No aparecen hasta 1:72,224 y luego ¡wow! ¡Es como si las depresiones y los acantilados cobraran vida! Estoy viendo cosas que normalmente no veo en las imágenes y realmente me encanta eso.

¿Cómo hacerlo?

Comieza iniciando sesión con el Editor de estilo de teselas vectoriales. Haz clic en el botón verde superior derecho para "+ Nuevo estilo", desplázate casi hasta la parte inferior y selecciona el Mapa topográfico mundial (con contornos y sombra).

Cuando se abra, haa clic en el icono de Editar estilos de capa.

Hay una lista de diferentes capas que componen este mapa base. Expande algunos de ellos y podrás ver que hay categorías anidadas de capas para la personalización (rellenos de polígonos, líneas, fuentes y sprites).

Para nuestros propósitos, solo nos interesan unas pocas capas que se encuentran dentro de las categorías Natural, Uso de la Tierra y Agua. Puedes usar el Editor para entrar y desactivar todas las capas innecesarias una por una, pero es más rápido eliminarlas directamente del código usando el editor JSON.

Para este flujo de trabajo, encuentro que tener un documento Notepad ++ (u otro editor de texto que mantenga intacto el formato JSON) me ayuda a mantenerme organizado. También le permite hacer una copia de seguridad del código cuando haya terminado. Si lo prefiere, también puede hacerlo dentro del editor de código eliminando lo que no desea.

Para este mapa las únicas capas que nos interesan del Mapa Topográfico son:

Natural – Sombra, Tierra, Vegetación, Bosque o Parque, Contornos

Uso de la tierra – Parque o agricultura

Agua – Océano, Batimetría, Lagos

Esto termina siendo 1.249 líneas de código que terminan en "Área de agua / Lago, río o bahía".

Lo que vamos a hacer es copiar/pegar las secciones del código que necesitamos y ponerlas en el documento Notepad++. Comencemos por la parte superior copiando todas las capas de Hillshade más el formato JSON inicial. Esta es la línea 1-113.

A continuación, pega esa sección de código en una ventana de Notepad ++. Debes terminar con "Hillshade/Shadow Very Strong/1" en la parte inferior cuando lo pongas todo y ten en cuenta que debes obtener la coma que ves en la línea 113. Esto ayuda a mantener el formato consistente a medida que avanza.

Es el mismo flujo de trabajo para todas las demás capas requeridas: copie y pegue cada sección del código que se necesite y colóquelas en un documento Notepad ++ hasta que todo esté allí. Esto tomará algo de tiempo y atención para escanear a través del código y encontrar todo lo que necesita.

Una vez que todo esté allí, verifica el formato. A continuación, copia la totalidad del "nuevo" código del documento Notepad ++ y luego pégalo nuevamente en el Editor JSON y actualízalo. Si el código no funciona, comprueba si hay errores en el código. Es posible que le falte una coma o un aparato ortopédico. Para verificar, puedes descargar el código completado aquí.

Ahora este mapa base contiene solo las capas que queremos. Guárdalo como una nueva capa de teselas vectoriales en tu cuenta.

Styling

Veamos los ajustes de visualización de cada una de las capas.

Sombra de la colina: ¡Esta capa es una adición increíble a nuestras opciones para la visualización del terreno! ¡Como mosaicos vectoriales personalizables! Para este mapa se mantuvieron los colores predeterminados, pero su opacidad se ajustó para cada capa, de modo que pasa del 25% de opacidad en "0 Zoom" al 0% de 0 a 11 de pacity en "11 Zoom". Esta capa ciertamente agrega textura al mapa y embellece las áreas montañosas; sin embargo, cuando haces zoom hasta la escala <> y solo quieres ver las imágenes puras, desaparece. Tenga en cuenta que la capa Hillshade también cubre las capas Ocean y Bathymetry y hay más sobre eso más adelante.

El Vector Hillshade da sombras a esta área de los Alpes como si estuvieran sombreadas a mano.

Tierra: La capa Land/Not Ice tiene una opacidad altamente personalizada. Comienza a escala global como un blanco vendido. Luego, a medida que hace zoom (y desea ver más imágenes), la opacidad disminuye hasta que en la escala 18 está en 0%. Usar la capa de tierra para suavizar las imágenes es una buena manera de obtener lo mejor de ambos mundos

.

Crear una capa de tierra que cambie dinámicamente a medida que se acerca puede reducir la atracción visual de las imágenes y, al mismo tiempo, permitir que estén presentes.

Vegetación y uso del suelo: Todos estos fueron tratados con diferentes tonos de verde. Su opacidad se ajusta a medida que acercas y alejas el mapa. Esta capa comienza a aparecer muy lentamente en la escala 5 por diseño. Si llegara antes, sería una distracción excesiva. Su objetivo principal para este mapa es teñir las áreas naturales y boscosas con más verde. Esto agrega un poco de drama, especialmente en las zonas montañosas

.

Este bosque en Eslovaquia parece que podría haber sido pintado con acuarelas.

Contornos: Estos fueron probablemente los más difíciles de discutir del grupo. El color debe resistir las imágenes sin importar dónde se encuentre en la tierra, por lo que se usó un marrón oscuro que se oscurece aún más a medida que se acerca. El tamaño del trazo también se ajustó para que sean 1.0 moviéndose a 2.5 a 3.5 pt dependiendo de la escala en la que se encuentre. También hay un gran desenfoque de "2" establecido para las líneas para que aparezcan en el mapa de manera más orgánica

.

El monte Fuji es un ejemplo clásico de un estratovolcán. Los contornos ayudan a amplificar su forma, casi parece como si se elevara fuera de la imagen.

Océano: Veamos cómo se ve sin capas adicionales.

Aunque es absolutamente hermoso, no puedo dejar de mirarlo por eso. Bajemos un poco el tono para que sea parte de la historia y no de toda la historia.

Comencemos por las costas. Para las áreas que rodean el terreno (Batimetría de profundidad 1) se utilizó un azul medio junto con opacidad desde el 30% hasta el 10%. Ahora estas áreas aparecen un poco, pero no demasiado.

Mira las áreas alrededor de Indonesia, Seychelles y Madagascar donde existe una ligereza a su alrededor.

Batimetría: Esto será una sorpresa, pero la batimetría es en realidad de color gris con solo un 10% de opacidad. ¿Recuerdas que mencioné anteriormente sobre las clases de Hillshade que cubren las capas de Océano y Batimetría? Los tres primeros (Hillshade Shadow Base 1, Hillshade Highlight Light 1 y Hillshade Shadow Light 1) juegan un papel débilmente aquí. Esto afecta a la visualización. Sin embargo, al agregar el gris sobre él (que está teñiendo la batimetría más oscura) permite más de una gama de colores. Mira cómo es la paleta sin las imágenes:

Ahora aquí está junto con las imágenes. Esta paleta de grises secuenciales del 10% atenúa incluso los valores más altos de las imágenes y permite que la textura de la batimetría siga apareciendo.

El 10% de gris ayuda a suavizar las imágenes y permite que las partes más profundas del océano parezcan hundirse en un abismo.

Lagos: Estos deben comportarse de manera similar al océano, pero como a menudo están rodeados de tierra, obtuvieron un azul ligeramente más claro con un 100% de opacidad. Esta es otra forma de ajustar su capa y cuánta presencia obtiene en el mapa. Comienza al 100% y luego por Zoom 13 desaparece.

Los lagos aquí usan una funcionalidad de transparencia que se establece en el color real.

El último paso es abrir un mapa web de ArcGIS Online. Reemplaza el mapa base predeterminado con esta capa de teselas vectoriales personalizada junto con imágenes del mundo. Vamos a aumentar la capa Imágenes con el efecto Saturar estableciendo eso en 130. Esto le da un poco más de riqueza y ayuda a jugar con los contornos.

¿Quieres aumentarlo aún más? Agrega World Hillshade y usa el modo de mezcla Multiplicar y dale un 25% de transparencia.

Aquí está el mapa web y contiene marcadores de los lugares que se muestran en este blog. También hay un mosaico vectorial final que puedes recuperar para comparar con el tuyo, y también el código utilizado en este blog, que se muestra en detalle.

Otra idea que no se muestra aquí es agregar las capas a una escena 3D y luego divertirse realmente... como cómo se ve Halfway Hollow en Utah.

Por Emily Meriam