Вопрос по Яндекс Картам

12
Alexander22
На сайте с 05.09.2013
Offline
45
1673

Как сделать вывод данных в баллоне при нажатии такого вида

внутри была рабочая ссылка на объект, краткое описание и фото.

Спасибо

Polonoid
На сайте с 02.07.2009
Offline
120
#1
Alexander22:
Как сделать вывод данных в баллоне при нажатии такого вида

внутри была рабочая ссылка на объект, краткое описание и фото.
Спасибо

если это на самих картах - то типа из справочника берется

если это нужно сделать на своих картах - то вставляй html код при оформлении баллона

Я просто чудак в придурковатом королевстве
Alexander22
На сайте с 05.09.2013
Offline
45
#2
Polonoid:
если это на самих картах - то типа из справочника берется
если это нужно сделать на своих картах - то вставляй html код при оформлении баллона

на своих картах на сайте. Где брать html код?

Polonoid
На сайте с 02.07.2009
Offline
120
#3
Alexander22:
на своих картах на сайте. Где брать html код?

да просто произвольный html тот который хочется

открываем констркутор карт https://tech.yandex.ru/maps/tools/constructor/

и в текст вставляем почти любой html

<h5>За Минусинском будущее!!!</h5> 

<a href="/ru/forum/comment/13893505 <a href="/ru/forum/comment/13893505 target="_blank"><img src="http://img-fotki.yandex.ru/get/4410/94716701.1/0_9dab1_3cd467b7_XXL" title="Минусинск - территория добра!
" alt="Минусинск - территория добра!" width="150" align="right" hspace="5"/></a>

потом эту карте себе на сайт

Alexander22
На сайте с 05.09.2013
Offline
45
#4

Чтото не пойму как в карту вставить html код. Можно скрин?

Спасибо

vandamme
На сайте с 30.11.2008
Offline
651
#6

Может он имеет в виду API..

https://tech.yandex.ru/maps/jsbox/2.1/balloon_autopan - Пользовательский макет балуна с поддержкой автопозиционирования

Alexander22
На сайте с 05.09.2013
Offline
45
#7

Вот нашел код:

<!-- Подключаем API  карт 2.x  -->

<script src="http://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
<script type="text/javascript">
// Как только будет загружен API и готов DOM, выполняем инициализацию
ymaps.ready(init);

function init () {
// Создание экземпляра карты и его привязка к контейнеру с
// заданным id ("map")
{ // функция - собиралка карты и фигни
myMap = new ymaps.Map("map", { // создаем и присваиваем глобальной переменной карту и суем её в див с id="map"
center: [55.76, 37.64], // ну тут центр
behaviors: ['default', 'scrollZoom'], // скроллинг колесом
zoom: 10 // тут масштаб
});
myMap.controls // добавим всяких кнопок, в скобках их позиции в блоке
.add('zoomControl', { left: 5, top: 5 }) //Масштаб
.add('typeSelector') //Список типов карты
.add('mapTools', { left: 35, top: 5 }) // Стандартный набор кнопок
.add('searchControl'); // Строка с поиском
}


myPlacemarkOpera = new ymaps.Placemark([55.747129, 37.587214], {
name: 'Оперный театр',
address: 'ул. Белинского, 59',
websayt: 'www.operann.ru/'

}),

myPlacemarkDramma = new ymaps.Placemark([55.749623, 37.582223], {
name: 'Театр драмы',
address: 'ул. Большая Покровская, д. 13',
websayt: 'www.drama.nnov.ru'

}),

myPlacemarkKomedia = new ymaps.Placemark([53.957165, 32.835543], {
name: 'Нижегородский театр «Комедія»',
address: 'ул. Грузинская, д. 23',
websayt: 'comedia.nnov.ru'

}),

// Создаем коллекцию, в которую будем добавлять метки
myCollection = new ymaps.GeoObjectCollection();

//Добавляем метки в коллекцию геообъектов.
myCollection
.add(myPlacemarkOpera)
.add(myPlacemarkDramma)
.add(myPlacemarkKomedia);

// Создаем шаблон для отображения контента балуна
var myBalloonLayout = ymaps.templateLayoutFactory.createClass(
'<h3>$[properties.name]</h3>' +
'<p><strong>Адрес:</strong> $[properties.address]</p>' +
'<p><strong>Страница:</strong> <a rel="nofollow" href="http://$[properties.websayt]" target="_blank">перейти</a></p>'
);

// Помещаем созданный шаблон в хранилище шаблонов. Теперь наш шаблон доступен по ключу 'my#theaterlayout'.
ymaps.layout.storage.add('my#theaterlayout', myBalloonLayout);

// Задаем наш шаблон для балунов геобъектов коллекции.
myCollection.options.set({
balloonContentBodyLayout:'my#theaterlayout',
// Максимальная ширина балуна в пикселах
balloonMaxWidth: 300
});

// Добавляем коллекцию геообъектов на карту.
myMap.geoObjects.add(myCollection);




}
</script>
</head>

<body>
<div id="map" style="width:600px; height:400px"></div>
</body>
</html>

Вопрос, я прописал туда 3 координаты а выводится почему то 2, как это исправить? Как еще больше добавить координат, что дописать в коде?

---------- Добавлено 06.08.2015 в 12:02 ----------

ураа разобрался, просто ввел неверные координаты, сейчас выдается все 3 координаты, розабрался как добавлять больше.

Спасибо за помощь и поддержку )

Polonoid
На сайте с 02.07.2009
Offline
120
#8
Alexander22:


ураа разобрался, просто ввел неверные координаты, сейчас выдается все 3 координаты, розабрался как добавлять больше.
Спасибо за помощь и поддержку )

не за что

удачи в ваших проектах

vandamme
На сайте с 30.11.2008
Offline
651
#9
Alexander22:
я прописал туда 3 координаты а выводится почему то 2

код приведите, а гадать тут никто не будет.

Alexander22
На сайте с 05.09.2013
Offline
45
#10

код прикреплен к посту

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий