Метки на карте Яндекс

@jhiugh1i1 · Регистрация: 18.05.2019

Author24 — интернет-сервис помощи студентам

Вопрос: Как сделать что бы при нажатие на метку(иконку на карте) появилось окно где была бы картинка с текстом?
Вот я нашел ссылку как сделать что бы просто появился текст но про картинку не знаю и как это после появление центрировать картику с текстом.
https://tech.yandex.ru/maps/js... ustomImage

Как то так:

Что бы в одной стороне была бы фото по адрес, а в противоположной сам адрес

@jhiugh1i1 · 16.01.2020, 18:03 **[ТС]**

Тема закрыта

@jhiugh1i1 · 16.01.2020, 18:09 **[ТС]**

Вопрос: Как сделать что бы при нажатие на метку(иконку на карте) появилось окно где была бы картинка с текстом?
Вот я нашел ссылку как сделать что бы просто появился текст но про картинку не знаю и как это после появление центрировать картику с текстом.
https://tech.yandex.ru/maps/js... ustomImage
Как то так:

Что бы c одной стороне была бы фото адресa, а в противоположной сам адрес

@j2FunOnly · 17.01.2020, 08:33

https://tech.yandex.ru/maps/jsbox/2.1/balloon_html

Содержимое балуна/всплывающей подсказки задается через свойства геообъекта:

hintContent - содержимое всплывающей подсказки геообъекта;
balloonContent - содержимое балуна геообъекта;
balloonContentHeader - содержимое заголовка балуна геообъекта;
balloonContentBody - содержимое основой части балуна геообъекта;
balloonContentFooter - содержимое нижней части балуна геообъекта.

При задании содержимого можно использовать HTML-разметку.При задании содержимого можно использовать HTML-разметку.

@jhiugh1i1 · 17.01.2020, 21:28 **[ТС]**

Спасибо большое за помощь но не могли бы вы мне подсказать как сделать так что бы фотография была в левой стороне, а текстовой крнетн в правой?

Javascript

 ymaps.ready(init);
 
function init() {
    var myMap = new ymaps.Map('map', {
        center: [55.751574, 37.573856],
        zoom: 9,
        controls: []
    }, {
        searchControlProvider: 'yandex#search'
    });
 
    var placemark = new ymaps.Placemark(myMap.getCenter(), {
        balloonContentBody: '<img src="img/cinema.jpg" height="150" width="200"> <br/> ',
        // Зададим содержимое нижней части балуна.
        balloonContentFooter: '<h2>Мы находимся</h2><br/>' +
        '<b>Ближайшие сеансы</b> <br/> Сеансов нет.',
        // Зададим содержимое всплывающей подсказки.
        hintContent: ''
    });
    // Добавим метку на карту.
    myMap.geoObjects.add(placemark);
    // Откроем балун на метке.
    placemark.balloon.open();
}

@jhiugh1i1 1 / 1 / 0 Регистрация: 18.05.2019 Сообщений: 94
		1
	Яндекс API Метки на карте Яндекс 15.01.2020, 22:34. Показов 1724. Ответов 4 Метки api, css3, javascript (Все метки) Вопрос: Как сделать что бы при нажатие на метку(иконку на карте) появилось окно где была бы картинка с текстом? Вот я нашел ссылку как сделать что бы просто появился текст но про картинку не знаю и как это после появление центрировать картику с текстом. https://tech.yandex.ru/maps/js... ustomImage Как то так: Что бы в одной стороне была бы фото по адрес, а в противоположной сам адрес 0

@jhiugh1i1 1 / 1 / 0 Регистрация: 18.05.2019 Сообщений: 94
	16.01.2020, 18:03 [ТС]	2
	Тема закрыта 0

@jhiugh1i1 1 / 1 / 0 Регистрация: 18.05.2019 Сообщений: 94
	16.01.2020, 18:09 [ТС]	3
	Вопрос: Как сделать что бы при нажатие на метку(иконку на карте) появилось окно где была бы картинка с текстом? Вот я нашел ссылку как сделать что бы просто появился текст но про картинку не знаю и как это после появление центрировать картику с текстом. https://tech.yandex.ru/maps/js... ustomImage Как то так: Что бы c одной стороне была бы фото адресa, а в противоположной сам адрес 0

@j2FunOnly the hardway first 2461 / 1836 / 906 Регистрация: 05.06.2015 Сообщений: 3,603
	17.01.2020, 08:33	4
	Сообщение было отмечено jhiugh1i1 как решение Решение https://tech.yandex.ru/maps/jsbox/2.1/balloon_html Содержимое балуна/всплывающей подсказки задается через свойства геообъекта: hintContent - содержимое всплывающей подсказки геообъекта; balloonContent - содержимое балуна геообъекта; balloonContentHeader - содержимое заголовка балуна геообъекта; balloonContentBody - содержимое основой части балуна геообъекта; balloonContentFooter - содержимое нижней части балуна геообъекта. При задании содержимого можно использовать HTML-разметку.При задании содержимого можно использовать HTML-разметку. 0

	17.01.2020, 21:28

Метки на карте Яндекс

Решение