REITs TechDeveloper进入 UI Studio
UI 蓝图/公共官网/Pixel Atlas 资产地图
TARGETF4Web · 通过空间、国家与资产类别探索全球 REITs 的访客

Pixel Atlas 资产地图

用地图发现资产，同时提供可访问列表降级、明确筛选结果和可追溯资产详情

/pixel-atlasreits-info-portal对照 CURRENT · portal-pixel-atlas →
UI STUDIOtarget-portal-pixel-atlas
Web1440 × 900100%
100%
/pixel-atlas
TARGET UI1440 × 900FIT 100%
RREITs TechGLOBAL MARKET INTELLIGENCE
SOURCE NETWORK HEALTHY公共快照 · 2026-07-16 12:40 SGT所有指标均标注来源与数据时间
PIXEL ATLAS全球资产空间索引
CHINAJAPANSINGAPORE
1200 km
已核验资产有新修订受限详情
REFERENCE VIEWPORT1440 × 900Desktop first · responsive
PRIMARY TASK搜索并定位资产主操作、权限与完成反馈必须同屏可验证
DATA CONTRACTAtlasViewportready / loading / empty / error 使用同一 fixture
ACCESSIBILITYKeyboard + WCAG AA焦点顺序、可读名称、对比度进入 UI CI
VISUAL BASELINETARGET · 2026-07-17桌面/移动、浅色/错误态按稳定 Screen ID 留档

IMPLEMENTATION MAP

可以直接拆成开发任务的目标定义

目标稿与当前实现严格分轨；只有产品仓实现、测试与生产证据齐全后，才会转为 current evidence。

01

页面区域

  • Atlas 全局工具栏
  • 筛选侧栏
  • 地图与资产聚合
  • 图层/缩放控制
  • 选中资产详情
  • 证据与内容桥接
  • 可访问列表入口
02

用户动作

  • 搜索并定位资产
  • 缩放/平移地图
  • 切换资产图层
  • 打开资产详情
  • 进入披露或文章
  • 切换列表模式
03

必须状态

  • 地图就绪
  • 地图切片加载
  • 当前范围无资产
  • 部分图层失败
  • 地图服务失败
  • 离线缓存地图
  • 受限资产详情
  • 高成本图层确认
  • 资产已定位
04

数据契约

  • AtlasViewport
  • GeoAssetCluster
  • AssetSceneSummary
  • LayerHealth
  • AssetBinding
  • AccessibleAssetList

TARGET MODULES

目标页面必须交付的模块

  1. 01地图搜索与筛选
  2. 02可缩放资产画布
  3. 03聚合与图例
  4. 04资产详情 Drawer
  5. 05资讯/披露/社区桥接
  6. 06SEO 与键盘列表降级

PRODUCT ROUTE INDEX

公共官网 的 20 个稳定 Screen ID

同一产品内的页面共享 token、导航和状态语言，但每个 Screen ID 保留自己的字段、数据契约和 QA 基线。

01
全球资讯首页/
Web02
全站搜索/search
Web03
正式资讯详情/articles/[slug]
Web04
Pixel Atlas/pixel-atlas
Web05
本地化首页/[locale]
Web06
国家市场页/countries/[countrySlug]
Web07
中国披露索引/countries/cn/disclosures
Web08
市场上下文/context
Web09
VR 资产场景/vr/asset-scenes/[assetSlug]
Web10
AI 资产脚注/ai/footnotes/[assetSlug]
Web11
全球市场发现首页/
Web12
跨域全站搜索/search
Web13
本地化市场入口/[locale]
Web14
国家市场总览/countries/[countrySlug]
Web15
正式披露检索台/countries/cn/disclosures
Web16
资产市场上下文/context
Web17
正式资讯与证据阅读/articles/[slug]
Web18
Pixel Atlas 资产地图/pixel-atlas
Web19
VR 资产场景/vr/asset-scenes/[assetSlug]
Web20
AI 资产事实脚注/ai/footnotes/[assetSlug]
Web
← 正式资讯与证据阅读VR 资产场景 →