- 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();