persagy-web-doc/docs/guides/tuopuInsert/get-start.md

快速上手

::: details 目录 [[toc]] :::

绘制示例

展示基本步骤

1. 分别在created 和mounted 初始化 view 和 scence;
2. 请求接口获取数据 getMapBlob()
   参见底图数据结构;
3. 对获取的数据解析,通过工厂类生成实例 getDataSuc();

参见工作流程

1. 将解析好的 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 :::