CommunityRedacción y edicióngithub.com

MapStage

Ajustador en vivo de MapStage: mapa/globo, satélite, relieve hipsométrico, aislamiento de regiones, Mapterhorn DEM, ajustes preestablecidos JSON.

¿Qué es MapStage?

MapStage es una habilidad diseñada para construir y ajustar escenas cartográficas interactivas, que incluyen proyecciones de mapa/globo, imágenes satelitales, relieve hipsométrico, terreno Mapterhorn, aislamiento de regiones, gradación de color CSS y exportación JSON. Su principal utilidad es permitir a los desarrolladores ajustar visualmente todos los parámetros de una escena MapStage en una página local, exportar la configuración como JSON y luego integrarla en una aplicación de producción. La habilidad soporta un flujo de trabajo que evita errores comunes, como usar transiciones animadas (easeTo/flyTo) para cuadros grabados, o renderizar desde la interfaz de ajuste (tuner). En su lugar, se recomienda usar jumpTo y esperar a que el mapa esté inactivo (idle) para una reproducción precisa. MapStage es compatible con plataformas como Cursor, Claude Code y Codex, y se basa en configuraciones de teselas predeterminadas (EOX Sentinel-2 y Mapterhorn) que pueden sobrescribirse según sea necesario. La habilidad incluye reglas estrictas, como la obligación de usar el encoding 'terrarium' para el DEM, no empaquetar teselas localmente, y no alojar el render final en la página de ajuste. Además, gestiona asentamientos jerarquizados (capital, grande, mediano, pequeño, paso, estación, ordos) y proporciona referencias detalladas para tablas de parámetros, orden de capas y esquemas JSON.

Compatible con~Claude Code✓Codex CLI~Cursor
npx skills add hopechen067/MapStage

Installed? Explore more Redacción y edición skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace MapStage?

Usa esta habilidad cuando estés construyendo o ajustando una escena MapStage: proyección mapa/globo, satélite, relieve hipsométrico, terreno Mapterhorn, aislamiento de regiones, gradación de color CSS y exportación JSON.

Cuándo usarla

  • Necesitas un ajustador en vivo de MapStage (mapa vs globo, satélite vs relieve, aislamiento).
  • Necesitas fijar pintura / CSS / cámara, y luego exportar JSON a otro host.
  • Necesitas asentamientos jerarquizados (capital / large / medium / small / pass / station / ordos).

No uses la página de ajuste como host de renderizado final.

Modos

ModoPropósito
Stack de producciónIntegra MapStage en tu aplicación: satélite/ráster opcional + Mapterhorn DEM (encoding: 'terrarium') + sombreado de colina + agua vectorial OpenFreeMap + filtro CSS + extrusiones de ciudades. Controla la apariencia desde JSON exportado.
AjustadorPágina HTTP local en tuner/ con controles deslizantes, proyección, aislamiento, carga/exportación de ajustes preestablecidos.

Flujo de trabajo

  1. Servir el ajustador: cd tuner && python -m http.server 8765 → http://localhost:8765/
  2. Teselas: por defecto EOX Sentinel-2 sin nubes + Mapterhorn (tuner/map-tiles.config.js). Sobrescribe con map-tiles.config.local.js (ignorado por git).
  3. Aplica el ajuste preestablecido por defecto tuner/preset-antique-default.json (igual que tuner/presets/antique-default.json).
  4. Ajusta proyección / satélite / relieve / aislamiento / CSS / ciudades hasta que la apariencia esté fijada.
  5. Exporta JSON desde el ajustador (copia o descarga).
  6. Migra los campos de pintura + cámara + CSS a la escena MapStage de producción (ver referencias).
  7. En producción: jumpTo a la cámara; espera a idle; opcionalmente precarga teselas. Evita easeTo / flyTo para cuadros grabados.
  8. Siempre configura DEM con encoding: 'terrarium'. Una codificación incorrecta rompe el sombreado de colina/terreno.
  9. Los fotogramas finales se renderizan desde el host de producción — no desde la interfaz de ajuste.

Reglas estrictas

  • Las teselas no están incluidas — MapStage obtiene DEM y mapa base en tiempo de ejecución solo desde las URLs configuradas.
  • Usa solo los endpoints de mapa base que tengas permiso de usar — los valores por defecto son teselas públicas de demostración (EOX); cámbialos en la configuración cuando sea necesario.
  • encoding: 'terrarium' en la fuente de terreno — obligatorio.
  • No uses easeTo / flyTo en rutas de producción grabadas; prefiere jumpTo + idle.
  • No alojes el renderizado final en el ajustador.
  • Agua son las capas vectoriales integradas de OpenFreeMap / OpenMapTiles. No esperes ni subas tuner/assets/water-data.js.

Referencias

Agentes

Consulta agents/openai.yaml para el nombre mostrado / mensaje por defecto.

Skills relacionados