Как сделать метку ссылкой на другую страницу на Яндекс.Картах?

Question

[Максим Филиппов]

Я размещаю много меток на карте и каждой из меток я задаю свою ссылку. Задача чтобы по клику на метке открывался не балун, а осуществлялся переход по заданной ссылке. Решить пытаюсь используя объект GeoObject со следующими свойствами:

iconLayout: "default#imageWIthContent"
iconContentLayout: ymaps.templateLayoutFactory.createClass "<a style='display: block; width: 40px; height: 40px; background: #ccc' href='" + post.url + "'></a>"

Однако, по клику по ссылке перехода не происходит. Есть подозрение, что Яндекс.Карта перехватывает событие и не даёт ему распространиться до ссылки. Есть идеи как это поправить?

Answer 1

[Евгений Петров]

Вам не нужно использовать балун вообще.

var marker = new ymaps.Placemark(
	//координаты
	{
		...
	},
	{
		hasBalloon: false,
		href: 'http://google.ru/'
		...
	}
);
marker.events.add('click', function (e) {
	location = e.get('target').options.get('href');
});

Comments

[Максим Филиппов]

Я уже думал именно над таким вариантом, но такой вопрос: если я добавляю метки в коллекцию геообъектов, а там их будет много (от нескольких сотен до тысячи, в перспективе), то правильно ли навешивать событие на каждую?

[Евгений Петров]

@colix ну вы же — грамотный человек:) Раз говорите про коллекции, то знаете про эти моменты. Безусловно, вешаем слушатель на коллекцию.

Пускай есть объект objects, описывающий объекты, на основании которого мы строим маркеры.

var map = new ymaps.Map(...),
	collection = new ymaps.GeoObjectCollection();

for (var i in objects) {
	collection.add(new ymaps.Placemark(
		objects[i].coords
		{
			...
		},
		{
			hasBalloon: false,
			href: objects[i].href
			...
		}
	));
}

collection.events.add('click', function (e) {
	location = e.get('target').options.get('href');
});
map.geoObjects.add(collection);

[Евгений Петров]

@colix в принципе, можно не отменять балун, проверяя условие в цикле. Скажем, наличие свойства href.

[Евгений Петров]

@colix да, если у всех меток нужен переход, то hasBalloon: false нужно в коллекцию перенести.

[Максим Филиппов]

@Petroveg как это часто бывает — до последнего шага я и не додумался. То есть забыл, что проблему с большим количеством слушателей события можно решить просто повесив оный на коллекцию. Спасибо большое, выручили.