百度地图自定义控件

如图所示，在百度地图底部添加自定义控件，这里添加的是12个自定义图标，用于在地图上标示。百度有相关的自定义控件示例，这里展示以下自己的实现。

var map = new BMap.Map("map_id");

// 通过JavaScript的prototype属性继承于BMap.Control
ZoomControl.prototype = new BMap.Control();
// 自定义控件必须实现自己的initialize方法,并且将控件的DOM元素返回
// 在本方法中创建个div元素作为控件的容器,并将其添加到地图容器中
ZoomControl.prototype.initialize = function(map){
    // 创建一个DOM元素
    var div = document.createElement("div");
    // 添加文字说明
    //div.appendChild(document.createTextNode("图标"));
    // 设置样式
    div.style.cursor = "pointer";
    div.style.width="70%";
    div.style.height="30px";
    div.style.margin="10px 0px";
    for (var i=1;i<13;i++){
        //子div
        var childDiv=document.createElement('div');
        childDiv.style.width=&#