Layerpin logo
标注与多媒体

信息卡片、弹窗与多媒体

为任意标记或区域附加丰富元数据、图片画廊及操作按钮。灵活配置浮层弹窗、侧边抽屉、居中模态框与全屏视图。

5 种演示模式

地图上的每个标记和可点击形状都可以显示交互式信息卡。从 5 种演示模式中进行选择以适合您的项目 — 从快速悬停摘要到广阔的侧抽屉和沉浸式全屏游览:

1. 悬停/单击弹出框

浮动弹出窗口直接锚定到标记或形状质心。具有智能视口碰撞检测功能,因此永远不会剪辑到屏幕外。非常适合快速获取详细信息、房间号码和价格标签。

2. 侧抽屉(右/左)

从屏幕边缘平滑滑入。非常适合商店目录、展位简介和详细描述,而不会遮挡地图的中心。

3. 居中模态对话框

具有微妙背景模糊和变暗叠加层的聚焦对话框。非常适合预订表格、视频嵌入和详细的产品展示。

4.全屏分屏

两列布局,左侧显示可滚动结构化信息,右侧显示全高图像库。非常适合房地产列表、校园游览和博物馆展览。

5. 移动底板(自动)

在手机上,卡片会自动适应带有触摸拖动手柄和捕捉点(70% 预览和 100% 全高)的 iOS 风格手势抽屉,确保流畅的移动体验。

全局默认与每项自定义

您可以在编辑器中为整个地图设置全局呈现模式,或使用自己独特的呈现方式自定义各个标记和形状(例如,标准图钉打开弹出窗口,而 VIP 展位打开全屏视图)。

模块化内容部分

每张卡片由 6 个模块化内容块组成。您可以独立显示、隐藏、自定义版式以及对每个部分重新排序:

标题和标题

自定义字体系列、大小、粗细、颜色、对齐方式和多行换行符保存。

降价说明

包含粗体、斜体、链接和列表的富文本。包括自动 3 线夹紧和可折叠的“查看更多/查看更少”按钮。

结构化字段

与图标配对的键值对(电话、电子邮件、营业时间、价格)。支持带有分隔线的堆栈、内联或纯值布局。

类别标签

颜色编码的徽章药丸与您的地图类别相匹配,具有可选的全宽堆叠和“+X 更多标签”扩展。

操作按钮/CTA

外部 URL(网站、预订、路线)的号召性用语按钮。可配置为堆栈、行或 2 列网格布局。

照片库英雄

标题图像轮播具有可定制的宽高比、图像适合度和全屏缩放灯箱查看器。

多语言信息卡

所有卡片副本(包括标题、丰富的描述、自定义字段标签和值、标签以及操作按钮)都可以本地化为 16 种本地语言。查看 多语言地图指南 了解 4 选项卡翻译编辑器的工作原理。

实时卡内重新排序

在地图编辑器中,将鼠标悬停在信息卡内的任何部分上都会显示一个快速操作工具栏。您可以点击 编辑 要跳转到其属性,请使用 / 箭头按钮向上或向下移动部分,或单击 隐藏 立即切换可见性。

媒体库和图片库

使用丰富的照片、建筑效果图和平面图细节来增强您的位置:

多图像附件

将多个图像附加到任何标记或形状。轻松重新排序图像或选择任何照片作为卡顶部显示的主封面图像。

8 画廊纵横比

为您的内容选择完美的帧比例:超宽 (21:9)、宽 (16:9)、紧凑 (2:1)、横向 (3:2)、标准 (4:3)、方形 (1:1)、纵向 (4:5) 或高 (3:4),以及覆盖或包含适配模式。

交互式灯箱查看器

访问者可以单击任何图像来打开全分辨率全屏灯箱,并具有流畅的键盘、滑动和缩放导航功能。

集中媒体资产管理器

每次最多批量上传 20 个文件。支持的格式包括 SVG, JPEG, PNG, WEBP, AVIF, BMP,并实时跟踪存储配额。

卡片样式和全局默认值

卡壳的各个方面都可以根据您的品牌进行定制:

背景、边框和阴影
  • 背景: 具有不透明度控制的纯色、透明卡片或平滑的线性渐变。
  • 边框: 具有自定义描边宽度和颜色或渐变填充的实线、虚线或点线 SVG 边框。
  • 角半径和阴影: 平滑的圆角(0 像素到 24 像素+)和柔和的环境阴影。
保存为默认预设

设计好理想的卡片外观后,点击样式面板底部的“保存为默认”。Layerpin 会确认并自动将该样式应用于所有现有及新建的标记和形状。

每当特色展览、赞助商展位或关键地标需要独特的颜色或专用布局时,您仍然可以自定义单独的热点。