如果您已经设计了平面图，或者我们的团队已为您设计了平面图，那么本文可能会对您有所帮助。在这里，您可以了解如何集成：

将平面图集成到网站或应用中（通过链接、按钮、iframe、脚本或二维码）
将平面图集成到自助终端（kiosk）中
将展商列表小组件集成到网站或应用中

如何将平面图集成到您的网站或应用中

我们的平面图可以轻松嵌入您的活动网站或应用中，只需使用 HTML 代码。您可以在下列位置找到这些代码： Dashboard

： Integrations

> Map Integration > Copy 链接或按钮。

按钮可以自定义（颜色、圆角半径、字体等）。

Iframe 和脚本集成

使用 iframe 或脚本将平面图嵌入为 您网页的一部分。如果您希望 隐藏平面图 URL，这些方式会很有帮助。您可以在同一页面上找到 iframe 和脚本代码（集成

> 地图集成）。

如何为移动设备调整 iframe

为此，您需要修改 iframe 代码。

添加一个固定的 高度， 例如 500 像素。

<div style="width: 100%;
 position: relative;
 height: 500px">
 <iframe>...</iframe>
</div>

2. 如果只需针对移动设备调整大小，则需要添加一个自定义类，例如：

expofp-iframe.

<div class="expofp-iframe"
 style="width: 100%;
height: 100%;
 position: relative;">
 <iframe>...</iframe>
</div>

3. 接下来，将其添加到 CSS 文件。

@media (max-width: 600px) {
 .expofp-iframe {
 height: 500px !important;
 }
}

请注意，这将影响所有设备。

若要让 未针对移动端优化的 网站在窄屏设备上显示效果更好，您可以在页面的 head 中插入一个适合移动端的 meta 标签 ：

<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width" />

如何调整 iframe 以适应全屏

Floor plan surrounded by arrows pointing up, down, left and right

为了让您的平面图适应全屏显示，您需要检查 我们 iframe 的父级 HTML 元素。某些类或样式可能会限制 iframe 的尺寸，因此请将它们移除。

例如以下样式：

Height
Width
Padding
Max- 和 min- height
最大宽度和最小宽度

如何设置 iframe 的容器尺寸

为确保嵌入的地图在您的网站上正确显示，设置 容器尺寸 非常重要。插入 iframe 的容器必须设置 position: relative。

请为容器设置 固定的宽度和高度，因为 iframe 不会自动调整容器大小。在嵌入 iframe 之前，请确认其尺寸 未设置为零 — 如果设置为零，iframe 将无法显示。高度通常是问题所在，因此最好使用具体的单位来设置，例如：

• px（像素）
• rem
• em
• vh（视口高度）
• vw（视口宽度）

这样可以确保内容在不同的屏幕尺寸和设备上都能良好显示。

如何避免样式冲突

请确保不要使用相同的 CSS 选择器 与 集成代码 中使用的相同，例如 .expofp-floorplan、 #exhibitors-list等。这样可以防止任何可能破坏页面外观或功能的样式冲突。

如何将平面图链接转换为二维码

在 Map Integration 页面,您还可以下载高分辨率的可扫描二维码,用于展示在您的横幅、网站或宣传册上。提供两种格式:

二维码图片 (BMP)
二维码海报 (PDF)

如何集成参展商列表小组件

虽然 ExpoFP 平面图已包含可搜索的参展商列表,但您可能希望在网站上拥有一个独立的 参展商名录页面 。通过我们的参展商列表小组件,您可以获得一个 交互式 和 可搜索的 列表，无需额外编码。

网站用户将能够通过 公司名称、类别或 展位号。如果用户点击某个公司，将会打开 参展商资料 ，其中包含您在平面图上看到的相同信息。

要集成该小部件，请前往 Integration

- Widgets ，并复制脚本或 iframe 代码。然后,您可以将其粘贴到您的网站或应用中。

默认情况下,展商按 字母顺序 在列表中排列。如果您希望按类别分组显示,可以使用 展商类别 列表来代替。 Script 和 iframe 此列表的代码也位于 Widgets 页面。

如何在自助终端上显示平面图

我们的互动平面图可在大尺寸触摸屏自助终端上流畅运行，提供与手机或平板电脑相同的直观功能。参会者可以轻松搜索公司、按类别筛选展位、查看实时活动日程，并使用 wayfinding 获取前往平面图上任意位置的分步导航指引。

自助终端选项

您的平面图可以免费在自助服务终端上展示，只需使用 ExpoFP 的 Light、Standard 或 Pro Design。您既可以 使用自己的设备，我们也可以 提供优质的自助服务终端 ，来自我们的合作伙伴 Popshap ，价格如下：

规格与功能

尺寸从 32"–49"（立式）到最大 55"（台式）
可选乙烯基品牌标识或整机包膜
覆盖美国、加拿大、欧洲和澳大利亚
包含全程贴心安装与现场支持

如果您希望在活动中设置自助终端，预约演示或联系我们。

如何将平面图集成到自助终端中

您可以在自助终端上下载并运行平面图，从而让自助终端 离线工作。前往 Integration

> Download floor plan。 接下来，选择与自助终端操作系统兼容的下载选项，然后点击 Download Floor Plan。

目前提供四种下载选项：

Windows
Android
macOC
Linux

如何在平面图上放置自助终端

第 1 步

打开平面图，切换到 前视图

第 2 步

在搜索栏中输入 setkiosk。

第 3 步

在屏幕上点击展台导览机(kiosk)应放置的位置。

第 4 步

您还可以根据需要调整 kiosk 图标(大小和旋转角度)、界面尺寸以及地图(旋转、缩放和位置)。

第 5 步

保存并关闭。

常见问题

如果我在将平面图集成到网站或应用程序时遇到困难,是否提供技术支持?

您可以通过我们的在线聊天或电子邮件提交您遇到的问题([email protected]）。请提供您的展位图名称以及已集成展位图的页面，我们的团队将为您提供协助。

我可以自定义 Exhibitor Directory 列表的外观吗？

目前无法更改 Exhibitor Directory 列表的外观。

iframe 集成与 script 集成有什么区别？

iframe 在安全性和渲染方面更具优势，而 script 在加载速度、SEO 和响应式适配方面更胜一筹。

我可以使用自己的域名来托管展位图吗？

我们不提供使用您自有域名的选项。不过，您可以将展位图以 iframe 形式嵌入，从而不显示任何链接。

集成选项