wemap-base-layer
概述
wemap-base-layer 是 wemap base 和 wemap builder 中共用的图层渲染逻辑库，该库实现base、 builder 的图层渲染逻辑的共用和打通，二者共用一套代码，一次更新，双端共用。
WeMapBaseLayer
WeMapBaseLayer
Map
WeMapBaseLayer用于创建base地图实例。
构造函数
-
语法
new WeMapBaseLayer.Map(map, options);
地图基础
WeMapBaseLayer
Map
WeMapBaseLayer用于创建base地图实例。
构造函数
-
语法
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 | 请求时额外添加 的参数 |
方法 Method
| 方法名 | 返回值 | 说明 |
|---|---|---|
| getLayers() | object [] | 使用sdk绘制的图层列表 |
| updateMapId(mapProjectId: string) | 无 | 切换地图id |
| addServiceLayers(serviceIds: string[]) | 无 | 增加服务图层 |
| removeServiceLayer(serviceIds: string[]) | ||
| destroy() | 无 | 销毁sdk |
事件 Event
| 事件名 | 返回值 | 说明 |
|---|---|---|
| layerClick | layerInfo | 点击图层返回信息（仅返回点线面图层信息，服务图层信息不返回） |
| layerCreated | layerInfo[] | 图层、数据、服务创建后，返回图层、数据、服务信息数组 |
| error | {type: object, info:object} | 图层生成过程中遇到的错误，type可选为renderError：渲染错误，clusterError： 聚合错误，networkError：网络请求错误，info字段返回具体的错误信息 |
参数属性
示例代码
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)
})调试
- 安装依赖
npm install- 运行打包
npm run build
cd example/base-layer-example
npm run dev- 打包
npm build:prod