Texto e imágenes en modelos 3D
Un modelo 3D puede tener superficies: zonas planas como el rótulo de destino de un autobús, el cartel con el nombre de una marquesina, un panel publicitario o la placa de identificación de un equipo. Icon Map dibuja sus datos sobre esas superficies, de modo que cada modelo del mapa muestra sus propios valores: el autobús de la línea 25 muestra "25 Ilford", la marquesina muestra el nombre de su parada y el panel publicitario muestra el cartel de ese emplazamiento.
Las superficies funcionan en la capa Modelos 3D y en el Rastreador de vehículos cuando sus marcadores son modelos 3D. Una superficie puede mostrar texto, una imagen o imágenes rotativas, y el contenido puede proceder de una columna de sus datos.
Dónde encontrarlo
Abra la configuración de la capa y elija un modelo. Si el modelo tiene superficies, aparece una sección Texto e imágenes en el modelo debajo del selector Modelo, con una fila por superficie.
Si la sección no aparece, el modelo no tiene superficies. Consulte Agregar superficies a su propio modelo.
Cuando una capa usa un modelo distinto por categoría, cada fila indica cuántos de los modelos tienen esa superficie (por ejemplo, 2 de 3 modelos). Las filas de los demás modelos simplemente no tienen nada que dibujar.
Elegir qué muestra una superficie
Cada superficie tiene una configuración de contenido:
| Configuración | Qué muestra | Ejemplo |
|---|---|---|
| Campo | El valor de una columna, para cada fila | stop_name |
| Plantilla | Texto compuesto a partir de varias columnas. Escriba los nombres de columna entre llaves. Un valor que falta se muestra en blanco. | {route} {destination} |
| Texto fijo | El mismo texto en todos los modelos | Not in service |
| Imagen | Una sola imagen: una dirección fija, o {column} para tomarla de sus datos |
https://cdn.example.com/poster.png o {advert} |
| Imágenes rotativas | Una lista de imágenes que se muestran por turnos, unos segundos cada una, o una elegida al azar por modelo | tres URL de carteles |
| Desactivado | Nada. La configuración se conserva, así que puede volver a activarla. |
Las imágenes rotativas se quedan fijas para cualquier persona cuyo dispositivo esté configurado para reducir el movimiento: cada modelo sigue mostrando una de sus imágenes en lugar de cambiar cada pocos segundos.
Algunos modelos sugieren un vínculo para una superficie, por ejemplo un rótulo de destino que espera {route} {destination}. Cuando elige por primera vez un modelo así y sus datos tienen esas columnas, la sugerencia se aplica automáticamente; si no, la fila la ofrece como Usar sugerencia. Abrir una capa existente nunca cambia su configuración.
Las superficies pensadas para imágenes, como los paneles publicitarios, solo ofrecen Imagen, Imágenes rotativas y Desactivado.
Texto, imágenes o SVG desde una columna
Con Campo, elija qué contiene la columna en La columna contiene:
- Texto (el valor predeterminado): el valor se dibuja como texto.
- Una imagen (URL, ruta de OneLake o SVG): cada valor es una imagen.
- Texto o imagen, por fila: Icon Map decide en cada fila. Un valor se trata como imagen cuando es marcado SVG, un URI
data:image/...o una dirección que empieza porhttps://,http://uonelake://. Todo lo demás se dibuja como texto. Un simple nombre de archivo comoposter.pngse queda como texto, porque no hay ningún lugar desde el que cargarlo.
Un valor de imagen puede ser cualquiera de estos:
| Valor | Ejemplo | Notas |
|---|---|---|
| Una URL de imagen | https://cdn.example.com/ads/gym.png |
El servidor debe permitir solicitudes entre orígenes (CORS). Azure Blob Storage con CORS habilitado y la mayoría de las CDN lo permiten. Sin ello, la superficie queda en blanco. El explorador de cada usuario solicita la imagen directamente a ese servidor, incluidos los lectores de un mapa insertado, así que use solo servidores de confianza. Icon Map no envía qué mapa se está viendo. |
| Un archivo de OneLake | onelake://<workspace-id>/<item-id>/Files/ads/coffee.png |
También funcionan las direcciones de OneLake https://…onelake.dfs.fabric.microsoft.com/…. Se leen con los permisos del propio usuario. No se muestran en los mapas insertados. |
| Un URI de datos | data:image/png;base64,iVBORw0… |
La imagen viaja dentro de la fila. |
| Marcado SVG | <svg viewBox="0 0 400 200">…</svg> |
Empieza por <svg. Útil para letreros, distintivos y gráficos sencillos generados. |
Notas sobre SVG:
- Dé al SVG un
viewBox. Su tamaño se toma de ahí, de modo que se dibuja nítido y con la forma correcta. - Los scripts de un SVG nunca se ejecutan: se dibuja como una imagen.
- Los SVG que contienen
<foreignObject>(HTML incrustado) no se dibujan. Los exploradores prohíben usarlos como texturas en un modelo 3D.
Estilo
Seleccione Estilo (el botón del pincel) en la fila de una superficie.
- Texto: color del texto, un panel detrás del texto y su color, alineación y mayúsculas.
- Imágenes: Ajuste (Llenar la superficie (recortar) recorta para llenar, Mostrar todo (con bandas) añade bandas, Estirar deforma para ajustar) y Reflejar de izquierda a derecha.
- Letrero iluminado / Retroiluminado: activados de forma predeterminada, para que la superficie brille de noche y el sol no la oscurezca, como un rótulo LED o una caja de luz reales. Desactívelos para un cartel pintado.
Una columna configurada como Texto o imagen, por fila muestra ambos conjuntos de opciones.
El estilo de texto predeterminado es ámbar sobre un panel oscuro, el aspecto de un rótulo de destino LED.
Cuándo aparecen las superficies
El texto y las imágenes solo son legibles de cerca, por lo que se ocultan por debajo de un nivel de zoom. Defínalo con Mostrar superficies desde el zoom, debajo de las filas de superficie. El valor predeterminado es 16, aproximadamente a nivel de calle.
Las superficies se dibujan al tamaño real del rótulo, así que el tamaño del modelo debe estar en metros. Una capa Modelos 3D dimensionada en píxeles no muestra superficies.
Mapas insertados
Cuando inserta un mapa, las superficies funcionan igual que en Fabric, con una excepción: las imágenes de OneLake tomadas de sus datos (una ruta onelake:// en una columna, o {column} en una configuración Imagen o Imágenes rotativas) aparecen en blanco en el mapa insertado.
Esto se debe a que un mapa insertado solo puede leer los archivos que se copiaron en la carpeta de publicación al publicar. Una imagen de OneLake fija, escrita en la configuración de la superficie, se copia y sí se muestra. Una ruta que está en sus datos solo se conoce fila a fila, así que no se copia.
Para imágenes basadas en datos en un mapa insertado, ponga en la columna una URL https://, un URI data:image/... o marcado SVG.
Agregar superficies a su propio modelo
Ninguno de los modelos integrados tiene superficies. Para agregarlas a su propio modelo glTF/GLB, en Blender o cualquier otra herramienta 3D:
- Agregue un rectángulo plano (un plano) donde deba ir el contenido, apoyado sobre la cara del modelo. Icon Map separa el contenido ligerísimamente de él, para que nunca parpadee contra el modelo.
- Asigne al objeto el nombre
surface:<name>, por ejemplosurface:blindosurface:advert. La parte que sigue a los dos puntos es el nombre que se muestra en Icon Map. (text:<name>también funciona). - Asegúrese de que el plano mira hacia fuera. El contenido se dibuja en el lado hacia el que apunta la normal de su cara; si una superficie se queda en blanco, invierta la normal.
- Exporte como GLB sin compresión Draco. Las mallas comprimidas se omiten cuando Icon Map busca superficies.
El texto se dibuja en vertical respecto a la dirección "arriba" del modelo.
Opcional, para autores de modelos: los extras glTF de un nodo de superficie pueden incluir un objeto iconmap:text que dé a la superficie una label descriptiva, un vínculo sugerido (suggest, por ejemplo "{route} {destination}") y un estilo predeterminado (color, background, align, uppercase, emissive y, para superficies de imagen, fit y mirror). Definir fit marca la superficie como superficie de imagen.
Con Icon Map AI
Icon Map AI forma parte de la hoja de ruta de Icon Map Platform. Esta sección describe cómo funcionará; todavía no está disponible con carácter general en la versión preliminar privada.
En lugar de crear un modelo y vincular cada superficie a mano, podrá describir lo que desea a su asistente de IA a través de Icon Map AI. Por ejemplo:
"Crea una marquesina de autobús londinense con un cartel con el nombre sobre la entrada y un panel publicitario en la pared del fondo. Pon una en cada parada de mi tabla de paradas, muestra el nombre de la parada en el cartel y alterna nuestros tres carteles de campaña en los paneles."
Generar un modelo con superficies
Icon Map AI incluye model forge, que crea modelos 3D low-poly a partir de una descripción. Cuando el objeto real lleva texto o imágenes que cambian, model forge agrega cada rótulo al modelo como una superficie:
- Con su tamaño y posición reales, orientada hacia el lado desde el que se lee, así que no hay nada que medir ni invertir.
- Con un nombre que indica qué es (
blind,route_number,advert). Cuando hay muchas, se numeran en orden de lectura: etiquetas de estantelabel_b1_s1_p1,label_b1_s1_p2, etc., de izquierda a derecha y de arriba abajo. - Con un vínculo sugerido y un estilo predeterminado: un rótulo LED ámbar, un encabezado de pasillo blanco sobre azul, un panel publicitario retroiluminado.
El asistente le muestra una imagen de vista previa del modelo y la cambia según sus comentarios ("haz el rótulo más ancho", "pon el anuncio en el otro extremo").
Configurar la capa
Cuando el modelo tiene el aspecto adecuado, el asistente:
- Guarda el modelo en el OneLake de su área de trabajo.
- Agrega una capa Modelos 3D o Rastreador de vehículos que lo usa, o actualiza una existente.
- Vincula cada superficie a sus datos: una columna, una plantilla como
{route} {destination}, una imagen fija o un conjunto rotativo. También define el zoom a partir del cual aparecen las superficies. - Genera una vista previa del mapa, para que pueda comprobar que el texto se lee correctamente antes de guardar el mapa.
El resultado es una capa normal de Icon Map. Ábrala en el editor y la sección Texto e imágenes en el modelo mostrará todos los vínculos, listos para cambiarlos a mano.
Dar forma a sus datos
Una superficie lee de la fila del modelo en el que se encuentra: una fila por autobús, por marquesina, por estantería. Cuando un modelo lleva muchas etiquetas, como una estantería con 40 etiquetas de precio, cada etiqueta necesita su propia columna, con el nombre de su superficie. Si sus datos tienen en cambio una fila por etiqueta, el asistente puede escribir la consulta que los reorganiza. Como las superficies del modelo sugieren exactamente esos nombres de columna, cada etiqueta se vincula después sin más configuración.
Lo que le indicará el asistente
- El tamaño es real. El rótulo de un autobús se lee desde un zoom a nivel de calle; una etiqueta de estante de unos centímetros de alto solo se lee en vistas cercanas, a la altura de los ojos. El asistente no agranda un rótulo para que se lea desde más lejos.
- Los mapas insertados necesitan imágenes web o SVG. Para un mapa que piense insertar, pone en sus datos URL web o SVG en lugar de rutas de OneLake (consulte Mapas insertados).
Pasos siguientes
- Modelos 3D: coloque un modelo en cada punto de sus datos.
- Rastreador de vehículos: flotas en directo, con rótulos de destino que se actualizan a medida que cambian los datos.
- Insertar mapas: coloque un mapa publicado en su propia página.