## 快速上手
::: details 目录
[[toc]]
:::
## 绘制示例
### 展示基本步骤
1. 分别在created 和mounted 初始化 view 和 scence;
2. 请求接口获取数据 getMapBlob()
[参见底图数据结构](./../format/floorMap.html);
3. 对获取的数据解析,通过工厂类生成实例 getDataSuc();
[参见工作流程](./..//big/workLine.html)
4. 将解析好的 item 实例 注入到场景中
```
this.scene.addItem(item)
```
::: details 示例代码
<<< @/docs/.vuepress/components/tuopu/baseTopu1.vue
:::
::: details 需要引入得解析类
### 解析类
<<< @/docs/.vuepress/components/tuopu/PTopoParser.ts
:::
::: details 需要引入的工厂类
### 工厂类
<<< @/docs/.vuepress/components/tuopu/topuFactory.ts
:::