How to insert a window with contacts on a Yandex map?

Question

HTML

Hello. Faced with the task, instead of the usual label from the Yandex constructor, you need to insert a plate as in the screenshot, so that there is no label on the map. How can this be done? I did not find such a function in the map constructor itself.

Answer 1

Create your balloon, example:

ymaps.ready(init);

function init() {
  var myMap = new ymaps.Map("map", {
    center: [55.733835, 37.588227],
    zoom: 10
  }, {
    searchControlProvider: 'yandex#search'
  });

  myMap.balloon.open([55.733835, 37.588227], {
    contentBody: [
      '<address>',
      '<strong>Офис Яндекса в Москве</strong>',
      '<br/>',
      'Адрес: 119021, Москва, ул. Льва Толстого, 16',
      '<br/>',
      'Подробнее: <a href="https://company.yandex.ru/">https://company.yandex.ru</a>',
      '</address>'
    ].join('')
  });
}

Answer 2

I would not use the Yandex map constructor, as it imposes a lot of restrictions. It is better to use the 2GIS API as suggested here , or you can use the JS library for interactive maps - Leaflet