');
feature_count.find('.count').append(collection.getLength());
console.log(collection.getLength());
overlay.getElement().appendChild(titlebar);
overlay.getElement().appendChild(data);
console.log($(overlay.getElement()));
$(overlay.getElement()).append(feature_count);
} else {
iframes = {};
iframeids = [];
collection.clear();
multiSelectOverlay.setFeatures(collection);
overlay.getElement().style.display = 'none';
}
};
map1.on('click', function(evt) {
var pixel = map1.getEventPixel(evt.originalEvent);
displayFeatureInfo(pixel);
});
firstselectlot_schm =true;
map1.getLayers().forEach(function(i,e,a){
i.on('change', function (event) {
var source = i.getSource();
if (source.getState() == 'ready' && firstselectlot_schm ) {
if (i.get('name')=='PZ_lots_utm'){
collection.clear();
spat = false;
console.log(map1.getView().getCenter());
i.getSource().getFeatures().forEach(function(e,i,a){
if(e.get('ark_id').toUpperCase()==''){
firstselectlot_schm = false;
var selectedOverlay = new ol.FeatureOverlay({
map: map1,
style: new ol.style.Style({
image: new ol.style.Circle({
radius: 6,
fill: new ol.style.Fill({color: 'rgba(255, 255, 255, 0.6)'}),
stroke: new ol.style.Stroke({color: '#e29446', width: 1})
}),
fill: new ol.style.Fill({color: 'rgba(255, 86, 29, 0.6)'}),
stroke: new ol.style.Stroke({color: '#e29446', width: 2})
}),
projection:'EPSG:32632',
});
selectedOverlay.addFeature(e);
overlay.getElement().style.display = 'none';
spat = true;
map1.updateSize();
extent = e.getGeometry().getExtent();
if(0){
extent[0]=extent[0]-0;
extent[1]=extent[1]-0;
extent[2]=extent[2]+0;
extent[3]=extent[3]+0;
}
console.log(map1.getView().getCenter());
map1.getView().fit(
extent,
map1.getSize()
);
console.log(map1.getView().getCenter());
}
});
if(!spat){
console.log($('#'+map1.getTarget()));
var nospat = document.createElement('div');
nospat.setAttribute("id","message");
$(nospat).html("No Spatial Data");
$('#'+map1.getTarget()).prepend(nospat);
}
}
}
});
});