本文档以基础平面地图组件为例,指导您完成地图组件样式的配置。

单击 地图组件,页面右侧会自动显示出 样式数据交互三个标签页。

子组件管理

在地图类的组件当中,您可以在配置面板里看到子组件的添加管理功能。

您可以通过以下步骤添加子组件:
  1. 单击子组件管理右侧的+号。
  2. 选择一个子组件,单击添加子组件
您可以通过以下步骤删除子组件:
  1. 移动鼠标到待删除的子组件上。
  2. 单击子组件右侧的删除图标,系统会出现提示框。
  3. 单击确定,即可删除该子组件。
您可以通过以下步骤编辑子组件的名称:
  1. 移动鼠标到某个子组件上。
  2. 单击子组件右侧的编辑图标。
  3. 输入新的组件名称,按下键盘上的 Enter 键,或者单击空白处即可完成修改。
图 1. 删除/编辑子组件


您可以通过以下步骤配置子组件的属性:
  1. 单击某个子组件,进入该子组件的配置项面板。
  2. 通过样式数据交互标签页,编辑该子组件的配置。
  3. 单击返回图标,返回到父组件的配置面板。

说明
子组件之间有遮挡关系,列表当中排列越靠下,图层当中排列就越靠上。

基础属性

在基础属性栏中,您可以调整组件的尺寸、位置、旋转角度和透明度。

  • 图表尺寸

    宽度和高度,即为图表定界框左右与上下之间的像素距离。

    图表尺寸:单击+号或者-号,或者手动输入数字,调整图表的宽度高度

  • 图表位置

    横坐标为图表左上角距离页面左边界的像素距离,纵坐标为图表距离整个页面上边界的像素距离。

    单击+号或者-号,或者手动输入数字,调整图表的横坐标纵坐标

  • 其他
    • 旋转角度:以组件的中心为中心点,进行旋转。单击+号或者-号,或者手动输入数字,调整图表的旋转角度
    • 透明度:单击+号或者-号,或者手动输入数字(0~1),调整图表的透明度

全局设置

您可以通过全局设置功能调整地图的大小,展示位置、比例尺控件以及是否需要地图交互。

  • 地图背景
    您可以参考颜色选择器说明,调整地图的背景色。
    说明
    系统默认为基础平面地图添加了底图层子组件,您需要删掉底图层子组件后,才能看到背景色调整后的效果。
  • 地图缩放

    您可以通过拖动滑块或者手动输入数字来调整地图的大小。

  • 地图中心

    地图的展示位置是由经度和纬度来决定的。

    您可以通过拖动滑块或者手动输入数字来调整地图的展示位置。

  • 比例尺控件

    您可以通过比例尺控件,根据地图上一条线段的长度,估计出地面相应线段的实际长度。

    单击右侧的眼睛图标,可以显示或隐藏比例尺控件。

    您可以参考颜色选择器说明,调整比例尺控件的字体颜色边框颜色

  • 开启拖拽/开启缩放/地图交互
    • 勾选,开启地图的拖拽/缩放/交互功能。
    • 去勾选,关闭地图的拖拽/缩放/交互功能。

    勾选或去勾选后,单击预览,即可看到对应的效果。