Здравствуйте. Мне нужно создать на карте метку (ymaps.Placemark), которая задаётся HTML кодом (по ряду причин задать картинкой нельзя). Как следать это так, чтобы при этом работало стандартное поведение метки (курсор при наведении, подсказка и балун)?

Я пытался сделать так:

var customIcon = ymaps.templateLayoutFactory.createClass( '<div class="theme-border theme-background" style="width: 0.6em; height: 0.6em; border-style: solid; border-width: 0.4em; border-radius: 100%; margin: -0.7em;"></div>' );
var placemark = new ymaps.Placemark(
    [ 43, 56 ],
    { hintContent: 'Метка', balloonContent: 'Описание' },
    { iconLayout: customIcon }
);
myMap.geoObjects.add( placemark );

Но так исчезает вся интерактивность метки.

Ещё пытался сделать так:

var customIcon = ymaps.templateLayoutFactory.createClass( '<div class="theme-border theme-background" style="width: 0.6em; height: 0.6em; border-style: solid; border-width: 0.4em; border-radius: 100%; margin: -0.7em;"></div>' );
var placemark = new ymaps.Placemark(
    [ 43, 56 ],
    { hintContent: 'Метка', balloonContent: 'Описание' },
    {
        iconLayout: 'default#imageWithContent',
        iconImageHref: '',
        iconImageSize: [ 0, 0 ],
        iconImageOffset: [ 0, 0 ],
        iconContentLayout: customIcon
    }
);
myMap.geoObjects.add( placemark );

В таком случае поведение сохраняется, но активной областью метки становится квадрат 1х1 пиксель в центре, что не хорошо. А использование 'default#imageWithContent' выглядит как костыль.

Здравствуйте! Подскажите, как в каждую метку вставить ссылки на страницу материала?

json:

{"type": "FeatureCollection", "features": [
        {"type": "Feature", "id": 0, "geometry": {"type": "Point", "coordinates": [55.831903, 37.411961]}, "properties": {"balloonContent": "Содержимое балуна", "clusterCaption": "Еще одна метка", "hintContent": "Текст подсказки"}},
        {"type": "Feature", "id": 1, "geometry": {"type": "Point", "coordinates": [55.763338, 37.565466]}, "properties": {"balloonContent": "Содержимое балуна", "clusterCaption": "Еще одна метка", "hintContent": "Текст подсказки"}}
    ]}

Можно ли когда я вставляю карту в сайт

вместо обращения к id узла мне использовать сам узел. То-есть, в этой строке  

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

мы указываем id элемента равный "map", а можно ли указать сам узел html-элемента и если это возможно то как мне указать? Причина: не работаю со свойством id, работаю через узлы DOM.

При использовании XHTML парсера не работает API версии 2.1. Тестовая страница:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Test</title>
    <script src="http://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<style>
        html, body, #map {
            width: 100%; height: 100%; padding: 0; margin: 0;
        }
</style>
<script type="text/javascript">
//<![CDATA[
ymaps.ready(init);

function init () {
    var myMap = new ymaps.Map("map", {
            center: [60.00, 60.00],
            zoom: 10
        });
}
//]]>
</script>
</head>
<body>
<div id="map"></div>
</body>
</html>

Сохраняем под именем test.html - работает.

Сохраняем под именем test.xhtml - не работает.

Собственно была обнаружена проблема, что на странице при использовании браузеров Chrome, Safari не обрабатываются события option на которые назначены события карт следующие:

////////////////////////////////////////////////////////////////////////////////////////
    
        document.getElementById('buttonOrel').onclick = function () {
        myMap.setCenter([52.969617, 36.072952], 12, {
           checkZoomRange: true,
           duration: 2000
        });
    };    
        document.getElementById('buttonMzensk').onclick = function () {
        myMap.setCenter([53.278881,36.576119], 14, {
           checkZoomRange: true,
           duration: 2000
        });
    };
        document.getElementById('buttonSpasskoeLutovinovo').onclick = function () {
        myMap.setCenter([53.370993,36.631085], 15, {
           checkZoomRange: true,
           duration: 2000
        });
    };

Сами события отправляются для карты из селектора:

                <select class="select">
                     <option id="buttonOrel">Орел</option>
                     <option id="buttonMzensk">Мценск</option>
                     <option id="buttonSpasskoeLutovinovo">Спасское-Лутовиново</option>
                </select>

но работает это все только в браузерах IE 10, Mozilla, Opera. В Safari на iOS и Google Chrome на ПК не работают. Как решить проблему?

Страница: http://airorel.sgt.su/

Можно ли нарисовать панельку поверх карты без никаких гео координат, внутри которой будут 2 ссылки и при нажатие на одну из них нарисовать ещё одну панельку, как в рисунке 

заранее спасибо !

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

Добрый день!

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

За пример взято: http://altinvest22.ru/map.html

На текущий момент, пока своя БД не заполнена данными, использую БД с информацией, которую взяла в Инете. Хочу посмотреть "как да что делается" в тестовом режиме.

Возник вопрос: если для меню всех объектов попробовать использовать макет выпаддающего списка, как в песочнице, то можно ли его двинуть за пределы карты.

Или как сдеать этот пример http://api.yandex.ru/maps/jsbox/object_list красивым выпадающим списком.

А в целом просто посоветуйте, пожалуйста в какую стороны идти, что читать!

В js  я "-", но есть поручение -  надо делать.

Спасибо!.

Причем появилось после перехода на апи 2.0.

Привет всем! Помогите решить задачу!

на карте много меток в коллекции, при нажатии на метку баллун не открывается, а html который должен быть в балуне надо вывести в другом месте на сайте, как можно решить?

 // Создаем геообъект с типом геометрии "Точка".
        myGeoObject = new ymaps.GeoObject({
            // Описание геометрии.
            geometry: {
                type: "Point",
                coordinates: [37.59851,55.812772]
            },
            // Свойства.
            properties: {
                // Контент метки.
                iconContent: 'ООО "Базис-Групп"',
                balloonContent: '
                    <strong>Сайт</strong>:<a href="http://dom-climata.ru/" target="_blank">dom-climata.ru</a><br />
                    <strong>Адрес</strong>: г. Москва, ул. Руставели, д.14, стр.9<br />
                    <strong>Телефон</strong>: + 7 (495) 276-27-70, 8(800)555-27-10 звонок по России бесплатный<br />
                    <strong>E-mail</strong>: info@dom-climata.ru<br />
                    <a href="http://dom-climata.ru/about/contacts/" target="_blank">Контактная информация на сайте дилера</a>
                '
            }
        }, {
            // Опции.

После вставки html-кода в "balloonContent" карта перестала отображаться. Я так понял проблема в синтаксисе, так как в notepad у меня не подсвечивает только первый тэг <strong>, остальные теги подсвечивает. Что неправильного?

Или лучше использовать код из этой документации?

Растягивается высота метки на все окно карты в браузере Internet Explore, в 6 и 9 версиях точно, в остальных не проверяли, в хроме нормально. Используем "Мои Карты"

 Может кто встречался с проблемой?