Клуб API Карт

Ссылка на открытие балуна метки!

vladimirostcom
30 января 2014, 14:10

Как сделать так что бы балуны меток открывались на html ссылки? Допустим написал я статью, там вставил ссылку и при нажатии на неё у меня открылся балун на карте? Как это реализовать, что нужно добавить в этот код и как должна выглядить ссылка на балун? Прошу помощи, Спасибо!!! 

Вот как пример скрипт карты:

<script src="http://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>

<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>

 

вот как выглядит карта сейчас( на ней две метки):

3 комментария
Подписаться на комментарии к посту

Уберите, пожалуйста, ваш код под кат. Редактирование поста->кнопка "врезка"

Посмотрите эту статью

Спасибо большое!! Все получилось! Очень Вам признателен!!!:-)