# 地图视图

`slView` 是用于渲染熙菱地图实例可视化区域的容器。\
当 `SlMap` 组件中没有挂载 `SlView` 组件时，熙菱地图实例将渲染在 `<sl-map>` 节点上。\
当 `SlMap` 挂载了 `SlView` 组件时，熙菱地图实例将渲染在 `<sl-view>` 节点上。\
每个 `SlMap` 组件应对应唯一一个 `SlView` 组件，如果声明了多个 `SlView` 组件，只有第一个能被正常渲染。
该组件主要用于控制布局。除了能够渲染地图视图以外，没有任何其它用途。

## 示例

### 使用 `SlView` 渲染一个地图实例

#### 代码

```html
<doc-preview>
  <sl-map class="map" style="display: flex; flex-direction: column" :center="[0,0]" :zoom='1'>
    <p style="padding: 0 10px;">以下是使用 `sl-view` 组件渲染的熙菱地图实例</p>
    <sl-view style="width: 100%; height:100px; flex: 1"></sl-view>
    <!-- <sl-gaode-layer> </sl-gaode-layer> -->
  </sl-map>
</doc-preview>
```

#### 预览

<doc-preview>
 <sl-map class="map" style="display: flex; flex-direction: column" :center="[0,0]" :zoom='1'>
    <p style="padding: 0 10px;">以下是使用 `sl-view` 组件渲染的熙菱地图实例</p>
    <sl-view style="width: 100%; height:100px; flex: 1"></sl-view>
    <!-- <sl-gaode-layer> </sl-gaode-layer> -->
  </sl-map>
</doc-preview>


