Код: Выделить всё
var popup = null;
//var date = new Date();
info = new OpenLayers.Control.WMSGetFeatureInfo(
{
url: 'http://plazoom.ru/tiles.php?',
vendorParams: {
map: '/var/www/daler/data/www/plazoom.ru/ufakarta/ufa_all.map',
uniquetime: new Date().getTime()
},
title: 'Описание объекта',
infoFormat: 'application/vnd.ogc.gml',
layers: [layer],
output: "object",
queryVisible: true,
eventListeners:
{
getfeatureinfo: function(event)
{
if (!event.text.match(/<body>\s*<\/body>/)) //проверка: ответил ли сервер на запрос
{
if (popup) //проверка: существуют ли popup'ы на карте, если да, то закрываем
{
popup.destroy();
popup = null;
}
nazvan = event.text;
//console.log($('#tabs').tabs());
/*var htmlForm = '<div id="infoForm"><div id="tabs"><ul><li><a href="#fragment-1"><span>Информация</span></a></li>'
+'<li><a href="#fragment-2"><span>Аренда</span></a></li>'
+'<li><a href="#fragment-3"><span>Продажа</span></a></li>'
+'</ul><div id="fragment-1">'
+'<p>First tab is active by default:</p>'
+' </div>'
+' <div id="fragment-2">'
+'orem ipsum dolor sit amet, consectetuer adipiscing elit.'
+' </div>'
+' <div id="fragment-3">'
+' Lorem ipsum dolor sit amet, consectetuer adipiscing elit,'
+' </div>'
+'</div>'
+'</div>';*/
var raion = 'Район: ' + event.features[0].data.nazvan;
var street = '';
//console.log(event.features.length);
for(i=1; i<event.features.length; i++)
{
if(event.features[i].data.STREETNAME==undefined)
continue;
street += event.features[i].data.STREETNAME + ', ' + event.features[i].data.HOUSENUMBE + '. ';
if(event.features[i].data.CAPTION != undefined)
street += ' '+ event.features[i].data.CAPTION +' ';
if(event.features[i].data.NAME != undefined)
street += event.features[i].data.NAME;
street += '<br>';
}
var htmlForm = '<div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">'
+'<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">'
+' <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a id="a-tab1" onclick="setTabsLayer(1)"><span>Информация</span></a></li>'
+' <li class="ui-state-default ui-corner-top"><a id="a-tab2" onclick="setTabsLayer(2)"><span>Аренда</span></a></li>'
+' <li class="ui-state-default ui-corner-top"><a id="a-tab3" onclick="setTabsLayer(3)"><span>Продажа</span></a></li>'
+' <li class="ui-state-default ui-corner-top"><a id="a-tab4" onclick="setTabsLayer(4)"><span>Аренда посуточно</span></a></li>'
+' </ul>'
+' <div id="fragment-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom">'
+' <p>'+ raion +'</p>'
+' <p>'+ street +'</p>'
+' </div>'
+' <div id="fragment-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">'
+' Вкладка 2.'
+' </div>'
+' <div id="fragment-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">'
+' Вкладка 3'
+' </div>'
+' <div id="fragment-4" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">'
+' Вкладка 4'
+' </div>'
+'</div>';
popup = new OpenLayers.Popup.FramedCloud(
"chicken",
map.getLonLatFromPixel(event.xy),
null,
htmlForm,
null,
true
);
/*popup = new OpenLayers.Popup("chicken",
map.getLonLatFromPixel(event.xy),
new OpenLayers.Size(450,200),
htmlForm,
true
);*/
/*popup = new OpenLayers.Popup.Anchored ("info",
map.getLonLatFromPixel(event.xy),
new OpenLayers.Size(450,300),
htmlForm,
null,
false);*/
//popup.setBackgroundColor("");
//event.feature.popup = popup;
map.addPopup(popup);
/*infoDiv = document.getElementById('infoForm');
iDiv = document.getElementById('infoFormInPopup');
iDiv.appendChild(infoDiv);*/
}
}
}
});
map.addControl(info);
info.activate();
