fj-dc-ui/.svn/pristine/13/130dfc23cd9737e081a40197baffb7d7aafe53de.svn-base

export function locationHandler(self,item,type,layerId){
    var _self = self;
    var strHtml;
    var coordinate;
    var ol =  _self.$ol;
    if(layerId == "ls_bjGraphicLayer"){//标记
        coordinate = [Number(item.lgtd),Number(item.lttd)];
        if(!coordinate){
            _self.$message({
                message: '无法获取空间信息！',
                type: 'warning'
            });
            return;
        }
        if(document.getElementById('popupbj')){
            document.getElementById('popupbj').style.display = 'block'
        }
        var container = document.getElementById('popupbj');
        if(!container){
            return;
        }
        var content = document.getElementById('popup-contentbj');
        var closer = document.getElementById('popup-closerbj');
        closer.onclick = function() {
            overlay.setPosition(undefined);
            closer.blur();
            return false;
        };
        var overlay = new ol.Overlay({
            id:'bjOverlayId',
            element: container,
            autoPan: true,
            autoPanAnimation: {
                duration: 250
            }
        });
        strHtml = "<div>"+
            "<div>"+
                "<div style='display: flex;padding: 5px;'>"+
                    "<p style='font-size: 14px;padding: 5px;width: 35px;'>名称:</p>"+
                    "<input type='text' id='nameId' style='height: 33px;width: 216px;' value="+item.inteName+">"+
                "</div>"+
                "<div style='display: flex;padding: 5px;'>"+
                    "<p style='font-size: 14px;padding: 5px;width: 35px;'>备注:</p>"+
                    "<textarea id='noteId' rows='6' cols='28' style='width: 216px;'value="+item.des+">"+item.des+
                    "</textarea>"+
                "</div>"+
            "</div>"+
        "</div>";
    }else{
        
        if(layerId == "personGraphicLayer" || layerId == "personGraphicLayer0" || layerId == "personGraphicLayer1"){//人员
            coordinate = [Number(item.lgtd),Number(item.lttd)];
            strHtml = '<p>'+item.persName+'</p>'
        }else{
            coordinate = [Number(item.gdX),Number(item.gdY)];
            strHtml = '<p>'+item.name+'</p>'
        }
        if(!coordinate || coordinate[0] == 0){
            _self.$message({
                message: '无法获取空间信息！',
                type: 'warning'
            });
            return;
        }
        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 overlay = new ol.Overlay({
            id:'ls_pointerMoveOverlayId',
            element: container,
            autoPan: true,
            autoPanAnimation: {
                duration: 250
            }
        });
    }
    if(strHtml && coordinate){
        content.innerHTML = strHtml;
        overlay.setPosition(ol.proj.transform(coordinate, "EPSG:4326", "EPSG:3857"));
        _self.mapObject.addOverlay(overlay);
        _self.mapObject.setView(
            new ol.View({
                center:ol.proj.transform(coordinate, "EPSG:4326", "EPSG:3857"),
                zoom:10
            })
        )
    }
}