var map = new BMap.Map('bmapContainer');
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 15);

var helper = bmapHelper.initHelper({
    map: map, 
    imgPath: '../build/images/'
});

/**
 * 设置主题
 * @param {string} key 主题对象
 */
helper.setTheme(BMapThemes['theme-1']);

/**
 * 弹框控件
 * @param {BMap Marker} data.bmapMarker 绑定弹框的 marker
 * @param {HTMLElememt} data.infoEl 弹框节点，方便定制
 * @param {{x: number, y: number}} data.infoOffset 弹框偏移，默认 {x:0, y:0}
 * @param {string} data.infoHTML 弹框内容，提供了 info-content 默认样式
 * @param {boolean} data.isInfoCenter 是否定位到弹框节点的中心，当弹框溢出地图需要设置 infoOffset 来兼容，默认 false
 * @param {function} data.showCallback 显示弹框后回调函数
 * @param {any} data.showCallbackData 显示弹框后回调函数所返回的数据
 * @param {function} data.hideCallback 隐藏弹框后回调函数
 * @param {any} data.hideCallbackData 隐藏弹框后回调函数所返回的数据
 */
helper.setMapInfo({
    originEl: marker,
    infoEl: document.getElementById('bmapInfo'),
    infoHTML: '<div class="info-content">' +
        '<p>地址：北京***</p>' +
        '<p>经纬度：116.404, 39.915</p>' +
    '</div>',
    isInfoCenter: true
});

/**
 * 地图放大控件
 * @param {ControlAnchor} data.anchor 停靠位置，默认右上角（BMAP_ANCHOR_TOP_RIGHT）
 * @param {{x: number, y: number}} data.offset 偏移量，默认{x: 20, y: 20}
 * @param {string} data.imgPath 放大图片路径
 * @param {string} data.divHtml 控件内容
 */
helper.setZoomOutControl();

/**
 * 地图缩小控件
 * @param {ControlAnchor} data.anchor 停靠位置，默认右上角（BMAP_ANCHOR_TOP_RIGHT）
 * @param {{x: number, y: number}} data.offset 偏移量，默认{x: 20, y: 51}
 * @param {string} data.imgPath 缩小图片路径
 * @param {string} data.divHtml 控件内容
 */
helper.setZoomInControl();

/**
 * 地图全屏控件
 * @param {ControlAnchor} data.anchor 停靠位置，默认右上角（BMAP_ANCHOR_TOP_RIGHT）
 * @param {{x: number, y: number}} data.offset 偏移量，默认{x: 20, y: 89}
 * @param {[string, string]} data.imgPath 全屏控件图片，[默认图片，点击后图片]
 * @param {[string, string]} data.divHtml 控件内容，[默认内容，点击后内容]
 * @param {boolean} data.isAutoCenter 是否自动移动中心点
 * @param {function} callback 回调函数，返回全屏状态
 */
helper.setFullControl();

/**
 * 地图自定义覆盖物
 * @param {BMap Point Object} point 经纬度，例：new BMap.Point(116.404, 39.915)
 * @param {{x: number, y: number}} offset 覆盖物偏移，默认左上角 {x:0, y:0}
 * @param {string} html 显示内容
 * @param {function} bindEventFun 自定义事件，返回 ComplexCustomOverlay 实例对象
 */
helper.setCustomCover({
    point: new BMap.Point(116.404, 39.915),
    offset: {x: 300, y: 300},
    html: '我是自定义覆盖物！',
    bindEventFun: function(data) {
        data.div.addEventListener('mouseover', function() {
            this.textContent = '你碰到我了，快走开！';
        }, false);
        data.div.addEventListener('mouseout', function() {
            this.textContent = data.html;
        }, false);
    }
});

/**
 * 地图自定义控件
 * @param anchor 停靠位置 默认：右上角(BMAP_ANCHOR_TOP_RIGHT)
 * @param {{x: number, y: number}} offset 覆盖物偏移，默认左上角 {x:20, y:20}
 * @param {string} html 默认显示内容
 * @param {function} bindEventFun 自定义事件，返回 CustomControl 实例对象
 */
helper.setCustomControl({
    anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
    offset: {x: 20, y: 20},
    html: '<div class="bmap-ctrl">重置</div>',
    bindEventFun: function(data) {
        data.div.addEventListener('click', function() {
            bmap.centerAndZoom(point, 15);
        }, false);
    }
});