# map-adapter

**Repository Path**: jayuc/map-adapter

## Basic Information

- **Project Name**: map-adapter
- **Description**: 地图适配器封装主流地图 SDK，提供统一调用接口，支持高德、百度、腾讯、OpenLayers 及图盟(MapABC) 等平台。
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-25
- **Last Updated**: 2025-09-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# map-adapter

#### 介绍
地图适配器封装主流地图 SDK，提供统一调用接口，支持高德、百度、腾讯、OpenLayers 及图盟(MapABC) 等平台。

#### 使用说明
1. 安装
``` javascript
npm install map-adapter
```
2. 初始化
```javascript
// 第一步 获取适配器（全局）
const adapter = mapAdapter({
    type: 'baidu',   // 类型：百度
    version: '3.0',
    ak: '*******'  // 密钥
})
// 第二步 创建 地图包装对象（mapWrapper），mapWrapper为核心对接，后续使用mapWrapper调用下面接口
var myDiv = document.getElementById('app');
adapter.init(myDiv).then((mapWrapper) => {
    console.log(mapWrapper) // 此对象为地图包装对象
})
```
3. 接口说明  

----打单点：
```javascript
方法名：addPoint
参数：
   1.经纬度数组(必填)； [180.12, 23.1245]
   2.图层名(默认defaultlayer)：''
   3.其他参数对象(选填，不填则使用默认值): {
                     imgUrl: '',  图片地址
                     size: [30, 30], 图片大小，宽和高
                     text: '显示文字',   //显示文字
                     textStyle: {},   //显示文字的css样式，
                     textOffset: [-30, -10],  // 显示文字的偏移
                     offset: [-30, -10],   //偏移距离（单位像素)
                     animation: 'bounce',  // 动画 bounce: 跳动 drop: 坠落
                 }
   4.事件对象： {
         		'click': function(a, b, c){}   //事件类型：回调函数,类型从自定义对象 Constants中选择, 
         										 //a表示数据，b表示事件本身(dom事件e)，c表示覆盖物本身
     		}
   5.数据data : {
         title: ''  //标题，鼠标移动上面会显示
         titleWidth: ,  //标题宽度（有默认值）
         titleHeight: 20, // 标题高度 （默认20）
         titleStyle: {}  //标题css 样式（有默认值）
         extendWidth: 0,  //扩充宽度
   }
   6.扩展参数{}
返回：覆盖物（单点）对象id，可通过 getOverLayById 获取覆盖物
```
----添加窗口：
```javascript
方法名：addWindowInfo
参数：1.经纬度数组 
     2.内容 html字符 或 dom元素  
     3.参数 {
            size: [width, height] , 宽和高
            offset: [-30, -10],   //偏移距离（单位像素)
        }
     4.events 事件对象 {
            'close': function(){}
        }
     5.扩展参数 {} 具体见代码里面
返回：信息窗口对象
```
----添加 html：
```javascript
方法名：addHtml html的事件可在 绑定在 html dom 本身
参数：1.经纬度数组 
     2.内容 dom元素
     3.参数 {
            size: [width, height] , 宽和高
            offset: [-30, -10],   //偏移距离（单位像素)
        }
     4.扩展参数 {} 具体见代码里面
返回：信息窗口对象
```

#### 开发说明

1.  nodejs版本：22.14.0
2.  xxxx
3.  xxxx