Как сделать так что бы балуны меток открывались на html ссылки? Допустим написал я статью, там вставил ссылку и при нажатии на неё у меня открылся балун на карте? Как это реализовать, что нужно добавить в этот код и как должна выглядить ссылка на балун? Прошу помощи, Спасибо!!!
Вот как пример скрипт карты:
<script src="http://api-maps.yandex.ru
<script type="text/javascript">
ymaps.ready(init);
function init () {
var myMap = new ymaps.Map("map", {
center: [48.568388,39.309111],
zoom: 13
});
myMap.behaviors.enable('scrollZoom');
myMap.controls
// Кнопка изменения масштаба.
.add('smallZoomControl');
myPlacemark2 = new ymaps.Placemark([48.568388,39.309111], {
// Свойства.
iconContent: '1',
balloonContent: 'Балун',
hintContent: 'Собственный значок метки'
}, {
// Опции.
// Своё изображение иконки метки.
iconImageHref: 'images/phone.png',
// Размеры метки.
iconImageSize: [30, 30],
// Смещение левого верхнего угла иконки относительно
// её "ножки" (точки привязки).
iconImageOffset: [-15, -25]
});
myPlacemark3 = new ymaps.Placemark([48.566895,39.316765], {
// Свойства.
iconContent: '1',
balloonContent: 'Балун',
hintContent: 'Собственный значок метки'
}, {
// Опции.
// Своё изображение иконки метки.
iconImageHref: 'images/phone.png',
// Размеры метки.
iconImageSize: [30, 30],
// Смещение левого верхнего угла иконки относительно
// её "ножки" (точки привязки).
iconImageOffset: [-15, -25]
});
// Добавляем все метки на карту.
myMap.geoObjects
.add(myPlacemark3)
.add(myPlacemark2);
}
Отображение карты:
<div id="map" style="width:700px; height:300px"></div>
вот как выглядит карта сейчас( на ней две метки):