Openlayer添加Overlay并防止刷新偏移；Overlay删除

1、Overlay添加
var popuphtml='<div id="propDiv" class="prop" style="display:none;"><div id="imgDiv"></div></div>';
//每次需要重复添加，删除Overlay时会把对应Div清除掉
 $(".map").append(popuphtml);
//展示位置
 var centerpoint = new ol.Overlay({
    positioning: "bottom-center",
    autoPan:true,
    autoPanMargin:100,
    element: document.getElementById('propDiv'),
    attributes:{}
 });
//设置Overlay类型
 centerpoint.type="MyOverlay";


//Overlay添加图片
$("#imgDiv").css('background',"url('../../static/images/dk.gif')");
$("#imgDiv").css('background-repeat',"no-repeat");
$("#imgDiv").css('background-size',"100% 100%");

 map.addMapOverlay(centerpoint);
 //防止Overlay刷新偏移
 centerpoint.setPosition(center);

2、Overlay删除

//清除添加的overlay，通过type获取，type为空时清除所有
removeAllOverlay:function (map,type){
   map.getOverlays().getArray().slice(0).forEach(function(overlay) {
       if(type==""||type==undefined||type==null){
          map.removeOverlay(overlay);
        }
        else if(overlay.type==type){
           map.removeOverlay(overlay);
        }
   });
},