fj-dc-ui/.svn/pristine/c1/c1adf749165f308578188d3fa6c6ebbe42a2dd6a.svn-base

export function pointMoveHandler(self,feature,e){
    var _self = self;
    var strHtml;
    var layerId = feature.layerId;
    var coordinate = e.coordinate;
    var ol =  _self.$ol;
    if(document.getElementById('popup')){
        document.getElementById('popup').style.display = 'block'
    }
    var container = document.getElementById('popup');
    if(!container){
        return;
    }
    var content = document.getElementById('popup-content');
    // var closer = document.getElementById('popup-closer');
    // closer.onclick = function() {
    //     overlay.setPosition(undefined);
    //     closer.blur();
    //     return false;
    // };
    var overlay = new ol.Overlay({
        id:'ls_pointerMoveOverlayId',
        element: container,
        autoPan: true,
        autoPanAnimation: {
            duration: 250
        }
    });
    if(layerId == "personGraphicLayer" || layerId == "personGraphicLayer0" || layerId == "personGraphicLayer1"){//人员
        strHtml = '<p>'+feature.persName+'</p>'
    }else if(layerId == "projectGraphicLayer0"){//水库
        strHtml = '<p>'+feature.name+'</p>'
    }else if(!layerId){
        if(feature.layer){
            if(feature.layer.indexOf('LAKE_')>-1){
                strHtml = feature.LAKE_NAME
            }else if(feature.layer.indexOf('RIVER_')>-1){
                strHtml = feature.RV_NAME
            }
        }else if(feature.elementtype){ 
            if(feature.elementtype == 'rswb'){
                strHtml = feature.RS_NAME
            }else if(feature.elementtype == 'gate'){
                strHtml = feature.GATE_NAME
            }else if(feature.elementtype == 'hypo'){
                strHtml = feature.HYPO_NAME
            }
        }
    }
    if(strHtml){
        content.innerHTML = strHtml;
        overlay.setPosition(coordinate);
        _self.mapObject.addOverlay(overlay);
    }
}