Skip to content

T
taskonsite-архив-перенесен
Commit cc2cbeb9 authored by Олег Гиммельшпах's avatar Олег Гиммельшпах
Browse files
Options

#1102 - Исправить карту на странице Контакты.

parent 8fb59ddd
Hide whitespace changes
Inline Side-by-side
Showing with 245 additions and 2 deletions
frontend/views/site/contacts.php
View file @ cc2cbeb9
...@@ -13,6 +13,9 @@ FileUploadBundle::register($this); ...@@ -13,6 +13,9 @@ FileUploadBundle::register($this);
$lang = Languages::getCurrent(); $lang = Languages::getCurrent();
?> ?>
<?php $this->registerJsFile('https://api-maps.yandex.ru/2.1/?lang=ru_RU', ['position' => yii\web\View::POS_HEAD]); ?>
<?php $this->registerJsFile('/js/ymaps.js', ['position' => yii\web\View::POS_HEAD]); ?>
<script type="text/javascript"> <script type="text/javascript">
$(document).delegate('.show-scheme', 'click', function(e) { $(document).delegate('.show-scheme', 'click', function(e) {
e.preventDefault(); e.preventDefault();
...@@ -176,12 +179,68 @@ $lang = Languages::getCurrent(); ...@@ -176,12 +179,68 @@ $lang = Languages::getCurrent();
</div> </div>
<div class="tab_content"> <div class="tab_content">
<div class="tab_item"> <div class="tab_item">
<script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=jveK6t8L7J1BKM3o0k5YmCnIWydO3XlL&width=100%&height=748&lang=ru_RU&sourceType=constructor"></script> <div class="container">
<div class="row">
<div class="col-md-12 col-xs-12 col-sm-12">
<div class="contact_map_btn">
<a href="#map_form" class="map_btn map_btn_1 popup-form"><span>Как добраться пешком</span></a>
<a href="#map_form_2" class="map_btn map_btn_2 popup-form"><span>Как добраться на машине</span></a>
</div>
</div>
</div>
</div>
<div id="moscow_map" style="width: 100%; height: 748px;"></div>
</div> </div>
<div class="tab_item"> <div class="tab_item">
<script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=51Gk2ZrvMjLJwxMtXmutdv6NEuVUlztK&width=100%&height=748&lang=ru_RU&sourceType=constructor"></script> <div id="kazan_map" style="width: 100%; height: 748px;"></div>
</div> </div>
</div> </div>
</section> </section>
<div class="hidden">
<!-- add 24.03.16 -->
<div id="map_form" class="popup popup_2 blog_form">
<div class="print-block">
<span class="popup__title_2">Как пройти пешком от м. Воробьевы горы</span>
<p>Последний вагон из центра. Выход – по эскалатору, направо. Далее вдоль эстакады 150 метро. Пешеходный переход. Повернуть направо через 30 метров - обойти здание Олимпийского комитета. На КПП №2, сказать в «Арт Проект», далее по территории к корпусу 2. Мы встретим.
</p>
</div>
<br>
<form class="">
<button class="map_form_button" onclick="printHtml($(this).closest('.popup').find('.print-block').html()); return false;">Печать</button>
<span class="map_form_button mfp-close simple_btn_close">Закрыть</span>
<span class="mfp-close">&times;</span>
</form>
</div>
<div id="map_form_2" class="popup popup_2 blog_form">
<div class="print-block">
<span class="popup__title">Как добраться на машине</span>
<span class="popup__title_2">Из центра / По ТТК со стороны Кутузовского проспекта.</span>
<p>При движении из центра, необходимо двигаться по Фрунзенской набережной. Проехать под ТТК. За 100 метров до въезда на Лужники поворот направо.
При движении по ТТК со стороны Кутузовского проспекта, поверните на съезд в сторону проспекта Вернадского. Далее у заправки ТНК держитесь правее. Проехав под эстакадой двигайтесь вдоль Олимпийского комитета. Уперевшись в набережную, через 50 метров поверните налево.
На КПП №2 сказать «в «Арт Проект». Далее по территории к корпусу 2. Объезд вокруг. Мы вас встретим. </p>
<br>
<span class="popup__title_2">Из области / По ТТК со стороны Ленинского проспекта.</span>
<p>При движении из области, необходимо съехать направо в сторону съезда на ТТК и Фрунзенскую набережной. Проехать под ТТК и повернуть направо в сторону набережной. На набережной поверните направо, проехав по ТТК. За 100 метров до въезда на Лужники поворот направо.
При движении по ТТК со стороны Ленинского проспекта, держитесь правой стороны – съезд на проспект Вернадского. Поверните налево, проехав под ТТК. Далее у заправки ТНК держитесь правее. Проехав под эстакадой двигайтесь вдоль Олимпийского комитета. Уперевшись в набережную, через 50 метров поверните налево.
На КПП №2 сказать «в «Арт Проект». Далее по территории к корпусу 2. Объезд вокруг. Мы вас встретим.
</p>
</div>
<br>
<form class="">
<button class="map_form_button" onclick="printHtml($(this).closest('.popup').find('.print-block').html()); return false;">Печать</button>
<span class="map_form_button mfp-close simple_btn_close">Закрыть</span>
<span class="mfp-close">&times;</span>
</form>
</div>
<!-- add 24.03.16 -->
</div>
<?php echo $this->render('@app/views/layouts/footer'); ?> <?php echo $this->render('@app/views/layouts/footer'); ?>
\ No newline at end of file
frontend/web/css/custom.css
View file @ cc2cbeb9
...@@ -3371,4 +3371,118 @@ section#step-plan-is img.alignleft { ...@@ -3371,4 +3371,118 @@ section#step-plan-is img.alignleft {
width: 100% !important; width: 100% !important;
display: none; display: none;
} }
}
.contact_map_btn {
position: absolute;
top: 40px;
z-index: 100;
}
.map_btn {
height: 41px;
background-color: #f9f9f9;
color: #a2a2a2;
font: 15px/20px 'RobotoRegular', Arial,sans-serif;
width: 265px;
padding: 8px 20px 12px 45px;
text-decoration: none;
display: block;
position: relative;
}
.map_btn span {
border-bottom: 2px dotted transparent;
}
.map_btn:focus {
color: #a2a2a2;
text-decoration: none;
}
.map_btn:hover {
color: #2d3642;
background: #ffb500;
background: linear-gradient(to top, #ffb500, #ffe400);
text-decoration: none;
}
.map_btn:hover span {
border-bottom: 2px dotted #36404e;
}
.map_btn:hover:before {
background-position: 0 100%;
}
.map_btn:before {
content: '';
display: block;
position: absolute;
top: 11px;
left: 15px;
height: 19px;
width: 21px;
background-position: 0px 0px;
background-repeat: no-repeat;
}
.map_btn_1:before {
background-image: url(../images_new/images/map_btn_1.png);
}
.map_btn_2:before {
background-image: url(../images_new/images/map_btn_2.png);
}
.map_btn_2:hover:before {
background-position: 0 100%;
top: 9px;
}
.popup__title_2 {
font-size: 31px;
color: #344555;
text-align: left;
display: block;
margin-bottom: 25px;
}
.map_form_button {
width: 178px;
height: 50px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
text-align: center;
color: #655d04 !important;
font-family: "RobotoBold";
font-size: 20px;
background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
color: #908505;
border: none;
border-bottom: 4px solid #D2BF00;
line-height: 43px;
display: inline-block;
margin: 20px 0px 0px;
cursor: pointer;
opacity: 1;
margin-right: 10px;
}
.map_form_button:last-child {
margin-right: 0;
}
.map_form_button:hover, .map_form_button:focus {
background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
color: #908505;
border-bottom: 4px solid #D2BF00;
text-decoration: none;
}
.map_form_button:active {
background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
color: #908505;
border: none;
border-top: 4px solid #D2BF00;
text-decoration: none;
}
.simple_btn_close {
position: static;
}
.mfp-close {
cursor: pointer;
} }
\ No newline at end of file
frontend/web/css/screen.css
View file @ cc2cbeb9
...@@ -8225,6 +8225,7 @@ footer { ...@@ -8225,6 +8225,7 @@ footer {
} }
.sect_map .tab_item { .sect_map .tab_item {
color: #000; color: #000;
min-height: 748px;
} }
.sect_map .tab_item img { .sect_map .tab_item img {
width: 100%; width: 100%;
......
frontend/web/js/common.js
View file @ cc2cbeb9
function printHtml(html)
{
var mywindow = window.open('', 'my div', 'height=768,width=1024');
mywindow.document.write('<html><head><title>Контакты ООО "Арт Проект"</title>');
/*optional stylesheet*/ //mywindow.document.write('<link rel="stylesheet" href="main.css" type="text/css" />');
mywindow.document.write('</head><body >');
mywindow.document.write(html);
mywindow.document.write('</body></html>');
mywindow.document.close(); // necessary for IE >= 10
mywindow.focus(); // necessary for IE >= 10
mywindow.print();
mywindow.close();
return true;
}
$(document).ready(function() { $(document).ready(function() {
$.parallaxify(); $.parallaxify();
......
frontend/web/js/ymaps.js 0 → 100644
View file @ cc2cbeb9
ymaps.ready(function () {
var multiRoute = new ymaps.multiRouter.MultiRoute({
// Описание опорных точек мультимаршрута.
referencePoints: [
[55.711904, 37.560820],
[55.715941, 37.568749]
],
params: {
routingMode: 'pedestrian'
}
}, {
wayPointFinishIconLayout: "default#image",
wayPointFinishIconImageHref: 'images/marker.png',
wayPointFinishIconImageSize: [71, 69],
wayPointFinishIconImageOffset: [-22, -69],
wayPointStartIconLayout: "default#image",
wayPointStartIconImageHref: 'images/metro.png',
wayPointStartIconImageSize: [215, 87],
wayPointStartIconImageOffset: [-174, -66]
});
var mapMoscow = new ymaps.Map('moscow_map', {
center: [55.713939, 37.56451],
zoom: 16
}, {
searchControlProvider: 'yandex#search'
});
mapMoscow.geoObjects
.add(multiRoute);
mapMoscow.behaviors.disable("scrollZoom");
var mapKazan = new ymaps.Map('kazan_map', {
center: [55.747348, 48.744321],
zoom: 16
}, {
searchControlProvider: 'yandex#search'
}),
placemarkOffice = new ymaps.Placemark([55.747348, 48.744321], {}, {
iconLayout: 'default#image',
iconImageHref: 'images/marker.png',
iconImageSize: [71, 69],
iconImageOffset: [-22, -69]
});
mapKazan.geoObjects
.add(placemarkOffice);
mapKazan.behaviors.disable("scrollZoom");
});
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

task-on.com - ООО "Арт Проект"