电子地图的基本设置

电子地图是通过鲸地图组件来实现的，通过在鲸地图中接入第三方地图服务，可以实现电子地图的功能。

1. 组件的添加

添加电子地图时，这些都是预设好的一些模版，主要是调整了一些底图配色并添加了一些基础功能，这些用的都是鲸地图组件。

添加之后如下图所示：

与鲸孪生类似，鲸地图组件支持二次编辑，通过双击鲸地图组件进入组件的“编辑状态”，此时组件工具栏会切换为鲸地图模式。

然后我们可以添加“服务”“标绘”和“测绘”功能模块。

在这些预设的模板中，我们可以看到已经添加了“服务层”和“标绘层”作为示例，大家可以根据需求进行设置，具体请参考鲸地图编辑教程。

在非编辑模式下，我们可以进行电子地图组件的一些属性设置，这些设置和其他组件类似。

配置项	说明
不透明度	该设置项的一个常见用法是结合条件样式/交互/多状态来实现组件的显示和隐藏。
鼠标穿透	开启后所有鼠标操作全部会穿透到鲸地图下方组件，鲸地图组件不响应鼠标事件。

通常我们可以通过直接点击和拖动组件来设置大小和位置，在这里也可以通过直接输入宽、高、X 坐标和Y 坐标来设置。

配置项	说明
组件大小	即组件的宽度和高度，单位为px。
组件位置	组件的 X、Y 轴坐标，X 坐标为组件左上角距离页面左边界的像素距离，Y 坐标为组件左上角距离页面上边界的像素距离。
组件旋转	三维空间旋转可以输入任意数值，数值对应角度向 X 轴/Y 轴旋转。

响应式布局指的是项目在浏览器中打开后，浏览器窗口大小发生变化时，组件不随之变化的固定位置。

配置项	说明
横向布局	可设置横向布局为“左间距固定”“右间距固定”“水平居中”“左右间距固定”和“水平缩放”5 种类型。
纵向布局	可设置纵向布局为“上间距固定”“下间距固定”“垂直居中”“上下间距固定”和“垂直缩放”5 种类型。

在此处可以对组件边框的边框颜色、宽度、图形边框圆角半径等样式进行配置。

组件默认没有背景颜色，如果需要设置背景颜色，可以在此处进行设置，也可以将背景设置为一张图片或视频，可以选择填充方式和模糊程度。鲸地图组件一般不需要进行背景设置。

在此处可以选择打包组件时封面使用的图片，支持上传本地图片。

点击“截屏”按钮，可以截取当前画面作为组件封面。