Layerpin logo
配置

地图信息卡与发现控件

在地图信息面板中配置地图标题卡、富 Markdown 描述、操作按钮、卡片样式、搜索栏和分类筛选栏。

概述与面板架构

地图信息面板将您地图的顶级标识卡和访客发现功能统一在一个集中的工作区中。标记和图形信息卡为单个图钉提供局部细节,而地图信息卡则作为整个项目的固定欢迎横幅和导引核心——介绍场地、概述重要通知并提供主要行动号召按钮。

访问地图信息: 在左侧编辑器侧边栏中,打开 自定义 (画笔图标) > 地图信息 (或直接使用以下参数加载编辑器 ?tab=customize&panel=map-info)来配置卡片文本、布局尺寸、毛玻璃拟态样式以及访客发现工具。
常驻欢迎卡片

优雅地浮动在公开地图的角落,展示官方项目标题、富 Markdown 描述、品牌横幅图片和交互式行动按钮。

发现与检索控制中心

集中管理访客导航控制:切换实时图钉关键字搜索和交互式分类过滤器栏,帮助访客精准定位相关地点。

卡片内容(标题、描述、媒体与按钮)

地图信息卡包含四个独立的内容部分。每个部分都可以独立开启或关闭、设置样式并根据您的品牌进行定制:

地图名称与排版

设置地图的主标题,带有实时字符计数限制。使用精选品牌字体、字号(12px–36px)、字重(常规、中等、粗体)、文字颜色以及居左或居中对齐自定义排版。

富 Markdown 描述

提供富文本背景说明、访客指南、营业时间或活动日程。编辑器支持粗体、斜体、可点击链接、无序列表和专用文字排版样式。

卡片头图与适配模式

从地图媒体库中选择或上传横幅图片。配置宽高比(紧凑、横向、正方形、宽屏)和图片适配模式(填充/Cover 与 包含/Contain),确保完美构图。

行动号召按钮(CTA)

添加交互式按钮用于门票预订、咨询表单、拨打电话或外部网站链接。可在垂直堆叠列表或带自定义间距的水平台阶之间选择。

尺寸、顺序与内容内边距

微调卡片的具体占位面积与视觉平衡,使其与底层的平面图或示意图相得益彰:

布局与尺寸参数
  • 固定卡片宽度: 在桌面端将卡片宽度从 260px 调整至 600px(默认:336px),以适应简明标题或详细描述。
  • 拖拽调整各节顺序: 使用直观的手柄拖拽把手按任意顺序重新排列可见板块(例如将图片置于名称上方,或将按钮直接置于标题下方)。
  • 板块间距: 控制各内容板块之间的垂直留白(0px 至 24px)。
  • 内容内边距(X 和 Y): 独立调节水平两侧外边距和垂直上下内部留白(最高 32px)。

外观、毛玻璃效果与边框

Layerpin 提供丰富的样式控制,使卡片能够无缝契合深色地图、企业品牌色调或极简建筑美学:

背景与不透明度

配置纯色填充、线性或径向渐变,或精致的卡片背景纹理,并带有可调不透明度滑块(0%–100%)。

背景模糊(毛玻璃质感)

在卡片背后应用现代毛玻璃模糊效果,让底层的地图路径与色彩柔和渗透,同时保持前景文本清晰锐利。

边框描边与虚线样式

定制外边框描边:线宽(1px–8px)、纯色或渐变填充、虚线样式(实线、虚线、点线)、端点与拐角处理。

圆角弧度与投影立体感

微调圆角弧度(从锐利的 0px 直角到 32px 胶囊圆角),并切换柔和的环境投影以增强层次感。

默认状态与桌面端折叠交互

管理地图打开时卡片的展现形式,以及访客在探索过程中如何展开或最小化卡片:

默认展开:

开启后,访客在加载地图时将看到完整卡片。关闭后,卡片将以精简的胶囊状态呈现(仅显示地图标题),将视觉焦点优先留给画布。

折叠按钮(桌面端):

在卡片顶部提供低调的最小化/展开切换按钮,方便桌面端访客在需要完整视野时收起卡片。

移动端响应式适配: 在手机和平板视口上,Layerpin 会自动将地图信息卡折叠到底部的抽屉栏中。选中任何图钉或图形时,地图信息栏仍可随手访问,同时展开对应图元的详情卡片。

搜索框与分类发现开关

除信息卡本身外,地图信息面板还收纳了全局访客发现开关:

搜索框开关

开启悬浮搜索栏,使访客能够按标记标题、描述中的关键字、分配的标签或自定义字段快速查找位置。

分类过滤器开关

开启交互式分类过滤器横轨,允许访客按楼层、运营状态、房间类型或部门进行筛选,图钉实时高亮与隔离。

桌面端过滤布局(完整 vs 紧凑)

启用分类过滤器后,配置过滤器在桌面屏幕上的排布方式:

完整(水平滑轨)

在顶部水平工具栏中平铺过滤器药丸按钮,支持触摸拖动、滚轮滑动及边缘渐变遮罩。非常适合拥有 2–5 个主要维度的地图。

紧凑(下拉浮层)

将所有过滤器维度合并为一个带有已选计数角标的精简“过滤器”按钮,最大化笔记本电脑和网页嵌入框架中的垂直展示空间。