创建一个回到地图中心 控件类

      //-------------------------------------------------------start 定义回到地图中心控件类
      function ZoomControl() {
        this.defaultAnchor = BMAP_ANCHOR_BOTTOM_LEFT;
        this.defaultOffset = new BMap.Size(10, 10);
      }
      //通过JavaScript的prototype属性继承于BMap.Control
      ZoomControl.prototype = new BMap.Control();

      //自定义控件必须实现自己的initialize方法，并且将控件的DOM元素返回
      //在本方法中创建个div元素作为控件的容器，并将其添加到地图容器中
      ZoomControl.prototype.initialize = function (map) {
        //创建一个dom元素
        var div = document.createElement('div');
        div.classList.add('centerclass')
        div.innerText = '中心'
        // 绑定事件,点击回到地图中心
        div.onclick = function (e) {
          //map.panTo(new BMap.Point(113.736069, 34.778344));
          map.centerAndZoom(new BMap.Point(117.310815096, 39.1439299033), 12);
        }
        // 添加DOM元素到地图中
        map.getContainer().appendChild(div);
        // 将DOM元素返回
        return div;
      }
      //创建控件元素
      var myZoomCtrl = new ZoomControl();
      //添加到地图中
      map.addControl(myZoomCtrl);
      //-------------------------------------------------------end 定义回到地图中心控件类