在线文档
 在线文档
 InSmart Portal工业智能信息平台
 欢迎使用
 产品介绍
 软件架构
 平台工具
 产品特点
 软件启动
 主要功能
 行业实例
 使用说明
 菜单管理
 角色与用户
 添加矢量图页面
 添加趋势图
 添加百度地图
 添加报表
 添加布局页面
 图形编辑器
 操作界面
 基本操作
 选择下面的对象并移动
 再制、对齐和分布
 填充与轮廓
 叠放次序Z-order
 布尔操作
 转换路径
 子路径和结合
 路径编辑
 手绘和规则路径
 粘贴操作
 创建文本
 简化和优化
 代码编辑器
 代码操作界面
 服务器配置
 指定标签
 对应属性
 生成代码
 InSmart DataHub工业智能大数据平台
 欢迎使用
 产品简介
 功能特点
 使用说明
 启用软件
 参数设置
 窗体置前
 界面风格
 运行设置
 保存设置
 配置文件
 配置文件
 接口配置
 TCP协议传输
 UDP协议传输(跨网闸)
 发布为LiveData服务器
 发布为LiveData服务器
 InSmart Mobile工业智能移动信息平台
 欢迎使用
 产品介绍
 功能特点
 使用说明
 软件启动
 网络设置
 登录
 功能使用
 工艺矢量图
 百度地图
 趋势图
 实时报表
 历史报表
 InSmart Alarm工业智能报警管理软件
 欢迎使用
 产品介绍
 功能特点
 使用说明
 软件启动
 参数设置
 窗体置前
 界面风格
 运行设置
 保存设置
 运行设置
 报警接收人
 数据库设置
 系统邮件和短信猫
 报警信息配置
 启动与停止
 InSmart Report工业智能报表分析软件
 产品说明
 产品介绍
 主要功能特色
 使用说明
 登录
 报表管理
 报表配置
 报表模板在线编辑
 报表展示
 报表导出
 InSmart HistorianReport历史报表软件
 欢迎使用
 产品介绍
 功能说明
 使用说明
 软件启动
 操作界面
 参数设置
 窗体置前
 界面风格
 保存设置
 报表组态
 服务器设定
 报表组态
 存档设置
 打印设置
 预览与生成
 命令行
 报表管理
 报表和子报表
 常用报表
 报表列表调整
 报表管理设置保存
 报表操作
 InSmart DBReport报表软件
 欢迎使用
 功能说明
 使用说明
 软件启动
 操作界面
 数据表结构
 参数设置
 窗体置前
 界面风格
 保存设置
 报表组态
 添加ODBC数据源
 数据源配置
 报表组态
 存档设置
 打印设置
 预览与生成
 命令行
 报表管理
 报表与子报表
 常用报表
 报表列表调整
 报表管理设置保存
 报表操作
 InSmart 产品安装与卸载
 InSmart Portal工业智能信息平台
 运行环境
 安装软件
 卸载软件
 安装配置IIS
 IIS发布
 InSmart DataHub工业智能大数据平台
 运行环境
 安装软件
 卸载软件
 InSmart Mobile工业智能移动信息平台
 安装软件
 卸载软件
 InSmart Alarm工业智能报警管理软件
 运行环境
 安装软件
 卸载软件
 InSmart Report工业智能报表分析软件
 运行环境
 安装软件
 卸载软件
 安装配置IIS
 InSmart HistorianReport历史报表软件
 运行环境
 安装软件
 卸载软件
 InSmart DBReport报表软件
 运行环境
 安装软件
 卸载软件
 技术支持
 售后服务
 授权与注册
 授权与注册

在【系统管理】>功能菜单】>布局页面】中进行百度地图画面的添加:

1.点击“添加“按钮,显示“添加功能”窗体,填写信息:

布局1.png

此类型为布局页面类型,在目标选择为布局页面时,只需要填写必须的编号名称排序,地址即可,其他项可以选填。

排序:菜单列表显示顺序。

名称:页面显示名称

上级:根据需求选择,如果是父级菜单请忽略。

参数:根据页面需要配置需要的参数。

选项:部分按需选择,如果需要网页端显示或者移动端显示,请选择对应的多选框。

描述:描述备注页面等信息

地址 文本框接受html文件的相对路径地址,当点击保存时,会自动创建或更新此文件。


注意:

“地址“项后的“…”点击进入可以修改显示文件:

布局2.png

使用步骤如下:

    1.添加布局设置,布局设置将整个页面分为12列,可以自由组合,比如11 1,6 6,3 3 3 3等都可以。如下图所示,使用6 6布局设置。直接按住拖动即可。

布局3.png

 2.添加InSmart框架。在基本CSS中第一个选项即为InSmart框架。拖动它到第一步设置好的布局设置中,如下图。

布局4.png

 3.修改InSmart框架显示内容。在InSmart框架上有【编辑】按钮,点击打开编辑页面。如下图。

布局5.png

【注】高度属性支持像素数(px)或者高度百分比(100%),显示内容是功能菜单中的页面,选择具体页面即可。

 4.选择完成后点击【保存】,查看保存效果。

布局6.png

 5.点击上方的【保存】按钮,点击保存。

布局7.png

 6.保存完成后,关闭布局界面,回到菜单界面,保存菜单信息。

 7.查看前台页面效果,如下图。

布局8.png