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); } }); },