HTML弹窗

功能说明

HTML弹窗功能是面向地图浏览者的交互工具，用于以弹窗形式动态展示地图对象的详细信息。

弹窗提供两种核心的内容展示模式：

  1. 作为属性表格：弹窗以清晰、结构化的表格形式展示对象的属性信息，并可集成预览相关的图片、文档等附件。

  2. 作为网页浏览器：弹窗作为一个内嵌的浏览器窗口，直接显示一个与对象属性相关联的外部在线资源（如百科页面、报表系统）。

该功能与传统的“识别”功能相比，在信息组织形式和内容广度上均有显著增强，不仅限于查看基础属性，更能实现“图-文-网”一体化的信息聚合展示。

应用场景

  • 内外业一体化核查：内业人员在地图上直接点击外业采集的点位，弹窗即可展示该点的现场照片、记录表单等附件，实现图、属、附件一体化核查，提升数据验证效率。

  • 关联多源知识库：通过配置，将地图对象与外部知识系统动态关联。例如，点击某个矿产地图斑，弹窗直接显示该矿产的工业用途、价格走势等专业网页；点击水利设施，则可链接至其实时监测数据平台，为决策提供即时信息支撑。

功能实现流程

  1. HTML弹窗设置（配置）：是功能生效的基础。针对具体图层，预先定义弹窗的显示内容。

  2. HTML弹窗查看（交互）：在地图窗口点击对象，触发并浏览已配置好的弹窗内容。

SuperMap iDesktopX 2026 版本开始支持。

接下来，将分别对HTML弹窗设置和HTML弹窗查看两个核心环节进行详细说明。

HTML弹窗设置

功能入口

  • 地图选项卡 -> 选择功能组 -> 单击HTML弹窗下拉按钮 -> 选择HTML弹窗设置。

操作说明

  1. 打开设置面板：通过上述入口打开“HTML弹窗设置”对话框。

  2. 图层：默认选中当前激活的图层，可通过下拉列表切换。

  3. 启用功能：勾选使用HTML弹窗显示此图层内容复选框，此为该图层弹窗功能的总开关。

  4. 配置显示内容：提供以下两种互斥的内容配置方式，选择其一进行设置。

    • 作为可见字段的表格：弹窗以表格形式展示对象的属性信息，当前默认显示该数据集中的所有字段，暂不支持设置部分字段显示。

      • 隐藏字段名称：选中后，表格仅显示属性值列表，不显示字段名标题栏，版面更简洁。

      • 预览：点击后，将根据当前配置和本图层第一个对象的数据生成临时弹窗，供实时预览调试。

    • 作为URL：弹窗作为一个内嵌浏览器，加载并显示一个根据对象属性动态拼接出的外部网页。通过前缀 + 字段值 + 后缀的公式动态构建完整URL。

      • 前缀：输入URL的固定开头部分。

      • 字段：从下拉列表中选择一个字段（支持文本、整型），该字段的值将作为变量插入。

      • 后缀：输入URL的固定结尾部分（可选）。

    • 显示枚举描述信息：若字段已设置值域枚举，HTML弹窗中将显示对应的枚举描述信息。

  5. 保存：确认无误后点击确认保存配置。

HTML弹窗查看

功能入口

  • 地图选项卡 -> 选择功能组 -> 单击HTML弹窗按钮 。

操作说明

  1. 激活工具：点击HTML弹窗按钮，鼠标光标由箭头变为手指形状，表示功能已激活。

  2. 点击查看对象：在地图窗口中，将光标移动至已配置弹窗的图层对象上并单击。

  3. 查看信息弹窗：在对象位置即刻弹出根据配置生成的信息窗口。内容取决于配置模式：

    • 若配置为作为可见字段的表格 ：弹窗内显示属性表格及附件。

      • 当弹窗配置为可见字段的表格时，点击弹窗右上角下拉按钮，可设置显示系统字段，选中则在列表中显示系统字段，不选中，则仅显示非系统字段。

    • 若配置为作为URL：弹窗内显示一个内嵌的网页浏览器窗口，加载了动态生成的在线页面。

  4. 多窗管理与交互：

    • 多标签页：可连续点击不同要素，弹窗会以标签页形式并列。点击标签页可在不同对象信息间切换。

    • 窗口控制：可拖动标题栏移动弹窗，拖动边缘调整大小。

    • 内容交互：在表格模式中，可点击附件名称调用本地程序打开；在URL模式中，可像普通浏览器一样与网页交互（滚动、点击链接）。

  5. 关闭弹窗：点击弹窗右上角的 × 按钮，关闭当前信息页。

作为可见字段的表格设置与查看

  • 弹窗标题：默认使用图层属性中设置的显示字段，可在图层属性面板的“显示控制”选项中配置。
  • 附件显示区：当使用作为可视字段的表格选项时，对象附件将作为弹窗的一部分自动显示出来，图片可在弹窗中直接预览，其他附件类型可点击附件名称调用本地程序打开。
  • 字段表格区：默认显示当前图层的所有字段。

作为URL设置与查看

为“省份”图层配置了“作为URL”模式。

  • 前缀设置为https://baike.baidu.com/item/ ，为百度百科的链接；
  • 字段选择了省份名称的Name；
  • 后缀留空。
  • 点击地图上“Name”为“云南”的对象时，弹窗将作为一个浏览器，直接加载并显示 https://baike.baidu.com/item/云南 这个百科页面。