Your IP : 172.28.240.42
<?
require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/modules/main/include/prolog_before.php");
$APPLICATION->SetPageProperty("only_h_f", true);
$_GLOBALS['add_class_brend'] = 'other-top';
require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/modules/main/include/prolog_after.php");
$APPLICATION->SetTitle("Нижнекамский муниципальный район");$APPLICATION->SetPageProperty("show_timestamp_x", "N");
?>
<div class="content map-wrap">
<div class="map" id="map">
<div class="map-btn">
<span>Показать карту</span>
<div class="btn-img btn-open"></div>
</div>
</div>
<?
CModule::IncludeModule("iblock");
$arSelect = Array("ID", "IBLOCK_ID", "NAME", "DETAIL_PICTURE","PROPERTY_coord","PROPERTY_link");
$arFilter = Array("IBLOCK_ID"=>52, "ACTIVE"=>"Y");
$res = CIBlockElement::GetList(Array(), $arFilter, false, Array("nPageSize"=>50), $arSelect);
$i=1;
while($ob = $res->GetNextElement()){
$arFields = $ob->GetFields();
$photo = my_resize($arFields['DETAIL_PICTURE'], 192, 144);
$marker[$i]['NAME'] = $arFields['NAME'];
$marker[$i]['PHOTO'] = $photo['src'];
$marker[$i]['COORDS'] = $arFields['PROPERTY_COORD_VALUE'];
$marker[$i]['LINK'] = $arFields['PROPERTY_LINK_VALUE'];
$i++;
}
?>
<script>
$(document).ready(function() {
ymaps.ready(init); //инициализируем карту
var map, marker,
iwContent = [],
marker = [];
function init() { //инициализация карты
map = new ymaps.Map("map", { //карта
center: [55.50, 51.82],
zoom: 10,
type: 'yandex#hybrid'
});
map.controls.add('zoomControl', { right: 20, bottom: 20 });
map.controls.add('typeSelector', { left: 20, bottom: 20 });
var iwText = [ //текст инфоокна
<?foreach($marker as $val):?>
<?="'".$val['NAME']."',"?>
<?endforeach?>
];
var iwImg = [ //картинки инфоокна
<?foreach($marker as $val):?>
<?="'".$val['PHOTO']."',"?>
<?endforeach?>
];
var mrkCoords = [ //координаты маркеров
<?foreach($marker as $val):?>
<?="[".$val['COORDS']."],"?>
<?endforeach?>
];
var iwLinks = [ //ссылки инфоокна
<?foreach($marker as $val):?>
<?="'".$val['LINK']."',"?>
<?endforeach?>
];
for (var i = 0; i <=<?=count($marker)?>; i++) { //перебираем все маркеры/инфоокна
iwContent[i] = '<div class="info-window">'+
'<a href="'+iwLinks[i]+'">'+ //тут должна быть ссылка на поселок
'<div class="iw-img" style="background-image: url('+ iwImg[i] +');"></div>'+
'</a>'+
'<div class="iw-bottom">'+
iwText[i] +
'</div>'+
'</div>';
marker[i] = new ymaps.Placemark(mrkCoords[i], { //маркер
//hintContent: iwText[i],
balloonContent: iwContent[i],
}, {
iconImageHref: '/bitrix/templates/nk/img/map-marker.png', // Изображение метки
iconImageSize: [34, 41], // Размеры изображения
iconImageOffset: [-14, -34], // смещение картинки
balloonContentSize: [220, 165], // Размеры содержимого балуна
balloonLayout: 'default#imageWithContent', // Задаем макет балуна - пользовательская картинка с контентом
balloonImageOffset: [-110, 0], // Смещение картинки балуна
balloonImageSize: [220, 165], // Размеры картинки балуна
balloonShadow: false, // Балун не имеет тени
hideIconOnBalloonOpen: false
});
map.geoObjects.add(marker[i]);
};
map.geoObjects.events.add('mouseenter', function(e){
e.preventDefault();
e.get('target').balloon.open();
}).add('mouseleave', function(e){
setTimeout(function(){ e.get('target').balloon.close(); }, 3000);
});
}
$('.map-btn').click(function(){ //показать/скрыть карту
var span = $(this).find('span'),
btn = $(this).find('.btn-img'),
ymap = $('#map');
if(btn.hasClass('btn-close')){
btn.removeClass('btn-close').addClass('btn-open');
span.text('Показать карту');
ymap.css('height', 100);
map.container.fitToViewport();
/*ymap.animate({
height: 100
}, 400, function(){
map.container.fitToViewport()
});*/
}else{
btn.removeClass('btn-open').addClass('btn-close');
span.text('Скрыть карту');
ymap.css('height', 670);
map.container.fitToViewport();
/*ymap.animate({
height: 670
}, 400, function(){
map.container.fitToViewport()
});*/
}
});
});
</script>
</div>
<div class="content big-pad">
<div class="container">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 nopad">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<?$APPLICATION->IncludeComponent("bitrix:news.list","news_slider",Array(
"DISPLAY_DATE" => "Y",
"DISPLAY_NAME" => "Y",
"DISPLAY_PICTURE" => "Y",
"DISPLAY_PREVIEW_TEXT" => "Y",
"AJAX_MODE" => "Y",
"IBLOCK_TYPE" => "news",
"IBLOCK_ID" => "10",
"NEWS_COUNT" => "10",
"SORT_BY1" => "ACTIVE_FROM",
"SORT_ORDER1" => "DESC",
"SORT_BY2" => "ID",
"SORT_ORDER2" => "DESC",
"FILTER_NAME" => "",
"FIELD_CODE" => Array("ID", "NAME", "DETAIL_PICTURE", "DATE_ACTIVE_FROM", "PREVIEW_TEXT"),
"PROPERTY_CODE" => Array(),
"CHECK_DATES" => "Y",
"DETAIL_URL" => "",
"PREVIEW_TRUNCATE_LEN" => "",
"ACTIVE_DATE_FORMAT" => "d.m.Y",
"SET_TITLE" => "N",
"SET_BROWSER_TITLE" => "Y",
"SET_META_KEYWORDS" => "Y",
"SET_META_DESCRIPTION" => "Y",
"SET_LAST_MODIFIED" => "Y",
"INCLUDE_IBLOCK_INTO_CHAIN" => "N",
"ADD_SECTIONS_CHAIN" => "N",
"HIDE_LINK_WHEN_NO_DETAIL" => "Y",
"PARENT_SECTION" => "",
"PARENT_SECTION_CODE" => "",
"INCLUDE_SUBSECTIONS" => "Y",
"CACHE_TYPE" => "N",
"CACHE_TIME" => "3600",
"CACHE_FILTER" => "Y",
"CACHE_GROUPS" => "Y",
"DISPLAY_TOP_PAGER" => "N",
"DISPLAY_BOTTOM_PAGER" => "Y",
"PAGER_TITLE" => "Новости",
"PAGER_SHOW_ALWAYS" => "Y",
"PAGER_TEMPLATE" => "ajax_index",
"PAGER_DESC_NUMBERING" => "N",
"PAGER_DESC_NUMBERING_CACHE_TIME" => "36000",
"PAGER_SHOW_ALL" => "Y",
"PAGER_BASE_LINK_ENABLE" => "Y",
"SET_STATUS_404" => "Y",
"SHOW_404" => "Y",
"MESSAGE_404" => "",
"PAGER_BASE_LINK" => "",
"PAGER_PARAMS_NAME" => "arrPager",
"AJAX_OPTION_JUMP" => "N",
"AJAX_OPTION_STYLE" => "Y",
"AJAX_OPTION_HISTORY" => "N",
"AJAX_OPTION_ADDITIONAL" => ""
)
);?>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="column col-section full-img bordered">
<div class="c-top">
<span><a href="/raion/obshyaya.php">Общая информация</a></span>
</div>
<div class="c-img vert"> <?//сабкласс vert - для вертикальных картинок?>
<a href="/raion/obshyaya.php"><img src="/bitrix/templates/nk/img/photo-section-1.jpg" alt=""></a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="column col-section dotted-bg bordered">
<div class="c-top">
<span><a href="/raion/History/history.php">История</a></span>
</div>
<div class="c-img ha">
<a href="/raion/History/history.php"><img src="/bitrix/templates/nk/img/photo-section-2.png" alt=""></a>
</div>
<div class="c-title italic"><a href="#">Город Нижнекамск был основан 12 января 1965 года</a></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<?$APPLICATION->IncludeComponent("bitrix:news.list","freemen_slider",Array(
"DISPLAY_DATE" => "Y",
"DISPLAY_NAME" => "Y",
"DISPLAY_PICTURE" => "Y",
"DISPLAY_PREVIEW_TEXT" => "Y",
"AJAX_MODE" => "Y",
"IBLOCK_TYPE" => "news",
"IBLOCK_ID" => "50",
"NEWS_COUNT" => "20",
"SORT_BY1" => "ID",
"SORT_ORDER1" => "DESC",
"SORT_BY2" => "ID",
"SORT_ORDER2" => "DESC",
"FILTER_NAME" => "",
"FIELD_CODE" => Array("ID", "NAME", "DETAIL_PICTURE", "DATE_ACTIVE_FROM", "PREVIEW_TEXT"),
"PROPERTY_CODE" => Array(),
"CHECK_DATES" => "Y",
"DETAIL_URL" => "",
"PREVIEW_TRUNCATE_LEN" => "",
"ACTIVE_DATE_FORMAT" => "d.m.Y",
"SET_TITLE" => "N",
"SET_BROWSER_TITLE" => "Y",
"SET_META_KEYWORDS" => "Y",
"SET_META_DESCRIPTION" => "Y",
"SET_LAST_MODIFIED" => "Y",
"INCLUDE_IBLOCK_INTO_CHAIN" => "N",
"ADD_SECTIONS_CHAIN" => "N",
"HIDE_LINK_WHEN_NO_DETAIL" => "N",
"PARENT_SECTION" => "",
"PARENT_SECTION_CODE" => "",
"INCLUDE_SUBSECTIONS" => "Y",
"CACHE_TYPE" => "N",
"CACHE_TIME" => "3600",
"CACHE_FILTER" => "Y",
"CACHE_GROUPS" => "Y",
"DISPLAY_TOP_PAGER" => "N",
"DISPLAY_BOTTOM_PAGER" => "Y",
"PAGER_TITLE" => "Новости",
"PAGER_SHOW_ALWAYS" => "Y",
"PAGER_TEMPLATE" => "ajax_index",
"PAGER_DESC_NUMBERING" => "N",
"PAGER_DESC_NUMBERING_CACHE_TIME" => "36000",
"PAGER_SHOW_ALL" => "Y",
"PAGER_BASE_LINK_ENABLE" => "Y",
"SET_STATUS_404" => "Y",
"SHOW_404" => "Y",
"MESSAGE_404" => "",
"PAGER_BASE_LINK" => "",
"PAGER_PARAMS_NAME" => "arrPager",
"AJAX_OPTION_JUMP" => "N",
"AJAX_OPTION_STYLE" => "Y",
"AJAX_OPTION_HISTORY" => "N",
"AJAX_OPTION_ADDITIONAL" => ""
)
);?>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 nopad">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="column col-section bgt small-photos">
<div class="c-top">
<span><a href="/raion/gerb.php">Геральдика</a></span>
</div>
<div class="c-img">
<a href="/raion/gerb.php"><img src="/bitrix/templates/nk/img/icon-section-1.png" alt=""></a>
</div>
<div class="c-title italic"><a href="#">Описание и обоснование символики на гербе и флаге г. Нижнекамск</a></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="column col-section bgt small-photos">
<div class="c-top">
<span><a href="/raion/Nagrady/">Награды</a></span>
</div>
<div class="c-img">
<a href="/raion/Nagrady/"><img src="/bitrix/templates/nk/img/icon-section-2.png" alt=""></a>
</div>
<div class="c-title italic"><a href="#">Награды Нижнекамского муниципального района и города Нижнекамска</a></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="column col-section bgt small-photos">
<div class="c-top">
<span><a href="/documents/">Документы</a></span>
</div>
<div class="c-img">
<a href="/documents/"><img src="/bitrix/templates/nk/img/icon-section-3.png" alt=""></a>
</div>
<div class="c-title italic"><a href="#">Документация Нижнекамского района и города Нижнекамск</a></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="column col-section bgt small-photos">
<div class="c-top">
<span><a href="/raion/poseleniya/">Поселения</a></span>
</div>
<div class="c-img">
<a href="/raion/poseleniya/"><img src="/bitrix/templates/nk/img/icon-section-4.png" alt=""></a>
</div>
<div class="c-title italic"><a href="#">Поселения Нижнекамского муниципального района</a></div>
</div>
</div>
</div>
</div>
</div>
<? require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>