wemap-base-layer

概述

wemap-base-layer 是 wemap base 和 wemap builder 中共用的图层渲染逻辑库，该库实现base、 builder 的图层渲染逻辑的共用和打通，二者共用一套代码，一次更新，双端共用。

WeMapBaseLayer

#### WeMapBaseLayer

Map

WeMapBaseLayer用于创建base地图实例。

构造函数

- 语法

``javascript
new WeMapBaseLayer.Map(map, options);
`




$3

#### WeMapBaseLayer

Map

WeMapBaseLayer用于创建base地图实例。

构造函数

- 语法

`javascript
new WeMapBaseLayer.Map(map, options);
`

- 参数说明

| 参数名 | 类型 | 说明 |
| :-----: | :------: | :--------------------------------: |
| Map | TMap.Map | map实例 |
| options | Object | 地图参数，对象规范详见MapOptions |

#### MapOptions

| 参数名 | 类型 | 说明 |
| :----------: | :------: | :-----------------------------------------------: |
| mapProjectId | string | wemap Base 地图Id |
| dataId | String | 数据ID |
| serviceIds | string[] | 服务ID 数组 |
| d3TilesIds | string[] | 3D TilesId 数据 |
| tifIds | | tiff 影像ID数组 |
| domId | string | 地图容器ID |
| httpReq | HttpReq | axios 示例，可不传 |
| debug | boolean | 是否开启调试模式，开启时连接至测试环境。默认false |
| | | |

#### HttpReq

| 参数名 | 类型 | 说明 |
| :----------: | :-----------: | :-------------------: |
| request | axiosInstance | axios 请求实例 |
| reqConfig | object | Axios 的配置参数 |
| extralParams | object | 请求时额外添加 的参数 |

$3

| 方法名 | 返回值 | 说明 |
| :--------------------------------------- | :-------: | :-------------------- |
| getLayers() | object [] | 使用sdk绘制的图层列表 |
| updateMapId(mapProjectId: string) | 无 | 切换地图id |
| addServiceLayers(serviceIds: string[]) | 无 | 增加服务图层 |
| removeServiceLayer(serviceIds: string[]) | | |
| destroy() | 无 | 销毁sdk |

$3

| 事件名 | 返回值 | 说明 |
| :--------- |:---------------------------:|:--------------------------------------------------------------------------------------------|
| layerClick | layerInfo | 点击图层返回信息（仅返回点线面图层信息，服务图层信息不返回） |
| layerCreated | layerInfo[] | 图层、数据、服务创建后，返回图层、数据、服务信息数组 |
| error | {type: object, info:object} | 图层生成过程中遇到的错误，type可选为renderError：渲染错误，clusterError： 聚合错误，networkError：网络请求错误，info字段返回具体的错误信息 |


#### 参数属性

#### 示例代码
`js
import WeMapBaseLayer from '@tlbs/wemap-base-layer';
const baseLayer = new WeMapBaseLayer(myMap, {
// mapProjectId: '',
// mapProjectId: '',
// dataId: '', // poi
// dataId: '', // 面
serviceIds: [''],
httpReq: {
reqConfig: {
baseURL: 'https://testservice.wemap.qq.com/base',
},
},
debug: true
});
baseLayer.addServiceLayer(['d96d91bc-9f89-4f0e-b7cc-a7d8d492f2ab'])
baseLayer.on('error', (e: any) => {
console.log('error', e)
})
baseLayer.on('layerClick', (e: any) => {
console.log('layerClick', e)
})
`

调试

- 安装依赖

`bash
npm install
`

- 运行打包

`bash
npm run build
cd example/base-layer-example
npm run dev
`

- 打包

`bash
npm build:prod
``