Skip to content

Instantly share code, notes, and snippets.

@maksimerohin
Last active February 14, 2019 16:56
Show Gist options
  • Save maksimerohin/85c47cc924d8d2a3f5ca4efedf4bda88 to your computer and use it in GitHub Desktop.
Save maksimerohin/85c47cc924d8d2a3f5ca4efedf4bda88 to your computer and use it in GitHub Desktop.
Вставляем карту в виде фона
#s8343 { // Карта и контактная инфомрация
height: 550px;
padding: 0;
#map {
position:absolute;
width:100%;
height:550px;
}
}
// Инициализируем Яндекс Карту
function init() {
var myMap = new ymaps.Map("map", {
center: [55.037378, 82.925678],
zoom: 16,
controls: ['fullscreenControl']
}, {
searchControlProvider: 'yandex#search'
});
myMap.behaviors.disable('scrollZoom');
// Адрес компании
myAdress = new ymaps.Placemark([55.037279, 82.931342], {
balloonContentHeader: "ТеремЪ",
balloonContentBody: "Новосибирск, ул. Фрунзе, 80, офис 801",
iconCaption: "Офис компании ТеремЪ"
}, {
preset: 'islands#redDotIconWithCaption'
}
);
myMap.geoObjects.add(myAdress);
// Дополнительная метка
myTag = new ymaps.Placemark([59.86115024056294,30.39376099999995], {
balloonContentHeader: "Дополнительная метка",
balloonContentBody: "г. Санкт-Петербург, проспект Славы, ...",
}, {
preset: 'islands#blueDotIconWithCaption'
}
);
myMap.geoObjects.add(myTag);
}
$(document).ready(function() {
ymaps.ready(init);
});
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<section id="s8343" class="position-relative"><!-- Контактная информация -->
<div id="map"></div>
<div class="container p-4 p-md-0">
<div class="white-label position-relative">
<img src="<?php echo get_template_directory_uri() ?>/images/logo.svg" alt="" class="mb-5">
<div class="h3">Офис компании &laquo;ТеремЪ&raquo;</div>
<p>Новосибирск <br>БЦ&nbsp;на&nbsp;Фрунзе, Фрунзе, 80 <br>офис 804</p>
<p>Маршала Покрышкина</p>
<p><a href="tel:+73833121201">+7 (383) 312-12-01</a></p>
<p>ПН-ПТ 10:00-19:00</p>
</div>
</div>
<div class="red-box p-4">
<button href="" class="red-box-close js-rb-close">&times;</button>
<p class="text-center">Выберите свой дом и&nbsp;узнайте его стоимость</p>
<!-- <a href="" class="btn btn-block btn-outline-light js-callme" data-h="Укажите контактные данные и&nbsp;удобное для звонка время" data-toggle="modal" data-target="#contact-modal">Запланировать визит</a> -->
<a href="#s9322" class="btn btn-block btn-outline-light js-scroll js-cta-3" data-metrika="В красном боксе">Выбрать дом</a>
</div>
</section><!-- // Контактная информация -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment