Клуб API Карт

Как добавить к метке ссылку

kdarolru
15 мая 2014, 17:03

Здравствуйте! Я новичёк в JavaScript. Подскажите пожайлуйста как добавить к метке ссылку?
Что бы при нажатии на метку происходило открытие html cтраницы.

 

ymaps.ready(init);

function init () {

    var myMap = new ymaps.Map("map", {

            center: [55.90415, 36.856933],

            zoom: 9

        }),

    // Создаем геообъект с типом геометрии "Точка".

        myGeoObject = new ymaps.GeoObject({

            // Описание геометрии.

            geometry: {

                type: "Point",

                coordinates: [55.865684, 37.117904]

            },

            // Свойства.

            properties: {

                // Контент метки.

                iconContent: 'Представительство1',

                hintContent: 'Первое представительство'

            }

        }, {

            // Опции.

            // Иконка метки будет растягиваться под размер ее содержимого.

            preset: 'islands#blackStretchyIcon',

            iconColor: 'red'         

        });

    myMap.geoObjects

        .add(myGeoObject)

        .add(new ymaps.GeoObject({

            // Описание геометрии.

            geometry: {

                type: "Point",

                coordinates: [55.730107, 36.851912]

            },

            // Свойства.

            properties: {

                // Контент метки.

                iconContent: 'Представительство1',

                hintContent: 'Второе представительство'

            }

        }, {

            // Опции.

            // Иконка метки будет растягиваться под размер ее содержимого.

            preset: 'islands#blackStretchyIcon',

            iconColor: 'orange',

        }))

        } 

 

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

Я так делал, ссылка на карте появляется, а переход на страницу не происходит. 

iconContent: 'http://www.yandex.ru">Представительство1', 

да, понятно, там макет метки перехватывает клик.

Можно сделать так:

 

ymaps.ready(init);function init() {    var myMap = new ymaps.Map("map", {            center: [55.90415, 36.856933],            zoom: 9        }),        // Создаем геообъект с типом геометрии "Точка".        myGeoObject = new ymaps.GeoObject({            // Описание геометрии.            geometry: {                type: "Point",                coordinates: [55.865684, 37.117904]            },            // Свойства.            properties: {                // Контент метки.                iconContent: 'Представительство1',                url: 'http://yandex.ru',                hintContent: 'Первое представительство'            }        }, {            // Опции.            // Иконка метки будет растягиваться под размер ее содержимого.            preset: 'islands#blackStretchyIcon',            iconColor: 'red'        });    myMap.geoObjects    .add(myGeoObject)    .add(new ymaps.GeoObject({        // Описание геометрии.        geometry: {            type: "Point",            coordinates: [55.730107, 36.851912]        },        // Свойства.        properties: {            // Контент метки.            iconContent: 'Представительство1',            url: 'http://yandex.ru',            hintContent: 'Второе представительство'        }    }, {        // Опции.        // Иконка метки будет растягиваться под размер ее содержимого.        preset: 'islands#blackStretchyIcon',        iconColor: 'orange',    }))    myMap.geoObjects.events.add('click', function (e) {        window.location.href = e.get('target').properties.get('url');    });}

 

Большое Спасибо! Всё работает.