php Яндекскарта

Posted 2021-05-04

// Инициализируем Яндекс Карту
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);

});

<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:[phone]">[phone]</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><!-- // Контактная информация -->

#s8343 { // Карта и контактная инфомрация
  height: 550px;
  padding: 0;

  #map {
    position:absolute;
    width:100%;
    height:550px;
  }
}

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>