Клуб API Карт

Изображение поверх Яндекс-карты

ya.kashej
10 ноября 2014, 23:08

Здравствуйте, уважаемые знатоки!

Пожалуйста, помогите в решении простенького вопроса, ответ на который в явном виде не удалось найти ни в "Песочнице", ни через поиск Яндекса и Гугла

Нужно расположить небольшое изображение поверх Яндекс-карты с условными обозначениями, допустим в левом верхнем углу, у нас он свободен

Проблема моя проста, но решить не могу никак. Я не халявщик, я честно убил целый вечер на ее решение, просвета не видать никакого, вообще-вообще, совсем-совсем! Потому-то и решился обратиться наконец к уважаемым гуру!

Пожалуйста, помогите, подскажите чайничку и, пожалуйста, поподробнее и если можно не в html, а в js

Заранее всем большое спасибо, удачи и здоровья!

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

Здравствуйте, бабушка-бэтмен!

Спасибо Вам за ответ, но увы, он меня к разгадке моей загадки не приблизил, так как повторюсь - ЧАЙНИК Я!

Попробую сформулировать вопрос по-другому:

Есть такая страница:

http://www.w3.org/1999/xhtml">

    Быстрый старт. Размещение интерактивной карты на странице

   

   

   

 

   

 

Страница рабочая 100%!

И есть файл ну скажем "image.png"

Вопрос меня постигший звучит так:

Что и куда подставить в указанном коде чтобы моя картинка оказалась на постоянном месте в левом верхнем углу карты?

Заранее спасибо! стыдно, но все ж с чего-то да начинали )))

ymaps.ready(function () {

    // Пример реализации собственного элемента управления на основе наследования от collection.Item.

    // Элемент управления отображает название объекта, который находится в центре карты.

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

                center: [55.819543, 37.611619],

                zoom: 6,

                controls: []

            }

        ),

    // Создаем собственный класс.

        CustomControlClass = function (options) {

            CustomControlClass.superclass.constructor.call(this, options);

            this._$content = null;

        };

    // И наследуем его от collection.Item.

    ymaps.util.augment(CustomControlClass, ymaps.collection.Item, {

        onAddToMap: function (map) {

            CustomControlClass.superclass.onAddToMap.call(this, map);

            this.getParent().getChildElement(this).then(this._onGetChildElement, this);

        },

        onRemoveFromMap: function (oldMap) {

            if (this._$content) {

                this._$content.remove();

            }

            CustomControlClass.superclass.onRemoveFromMap.call(this, oldMap);

        },

        _onGetChildElement: function (parentDomContainer) {

            // Создаем HTML-элемент с текстом.

            this._$content = $('http://yastatic.net/morda-logo/i/logo.svg"/>').appendTo(parentDomContainer);

        }

    });

 

    var customControl = new CustomControlClass();

    map.controls.add(customControl, {

        float: 'none',

        position: {

            top: 10,

            left: 10

        }

    });

});

Спасибо большое снова!

Но снова не понятно куда в моем коде вставлять приведенный Вами фрагмент?

P.S. Я не просто так спрашиваю. Я честно попробовал вставить Ваш фрагмент в разные подходящие на мой непрофессиональный взгляд места, ничего похожего на желаемый результат не получается в итоге

Чайник я! Чайник! Чайник! Чайник!

Покажите куда вставлять в моем коде Ваш фрагмент, а лучше дайте готовый код

Заранее большое Вам спасибо!!!

На выходе - девственно чистейшая страница !!!

Вставьте за меня, а?

Разместите тут готовый код ОТ НАЧАЛА ДО КОНЦА и я отстану

Ну что Вам стоит?

Спасибо большое Вам !!!

http://www.w3.org/1999/xhtml">

    Примеры. Собственный элемент управления.

   

   

Спасибо, бабушке-бэтмен!

Респект и уважуха!!!!!

Хочется отдать должное особенно тому факту что человек находит возможным для себя ковырять абракадабровские коды невзирая на 2 часа ночи (по мск по крайней мере)

P.S. Данный бабушкой-бэтменом готовый код все же не работал подлец-зараза-редиска такая, помогла только лишь бабушкина подсказка насчет того что: "Если вы используете API локально, то в URL ресурса необходимо указывать протокол в стандартном виде (http://...)" За это второе спасибо!!!

Хочется все-таки задать еще один вопрос:

Почему во всех примерах и шаблонах используется utf-8, а не windows-1251? Лично мне приходится все время менять кодировку в начале кода вручную, так как при utf-8 вместо букв идут одни квадратики. У меня стоит Яндекс-браузер, автоматически обновляемый до последней версии, не должен он быть старым по определению вроде

Благодарю за ответ(ы) !!!

Надо использовать utf8 всегда. Так же должен быть тег  "meta" и в нем указан тип контента и кодировка. В моем коде он присутствует

Хорошо!

Только никак не могу понять - как же я буду использовать на своем сайте utf-8, когда он даже на моем компе не открывается как надо?

P.S. Никакие настройку у своего браузера не ковырял уже хотя бы потому что я бы физически не смог до них добраться ))))

Возможно вы сохранили файл в кодировке windows-1251. Чем сохраняли? Notepad?

Да, сохранял notepadом, но не потому что я его так люблю, а потому что больше не знаю чем сохранять. А чем надо?

Есть второй вопрос, который является опять же продолжением начала разговора:

Как совместить Данный Вами (еще раз огромное спасибо) готовый код с другим готовым кодом, в котором прописаны объекты на карте?

Я попробовал их совместить в разных местах там где фантазии хватило, но ничего не получается! Либо показываются только объекты, либо только картинка, либо ни того ни другого ни даже карты. Может не туда подставляю, может где скобка или запятая теряется и из-за этого все летит

--------  1. Старница с объектами такая  -----------

http://www.w3.org/1999/xhtml">

    Быстрый старт. Размещение интерактивной карты на странице

   

   

   

 

 

   

   

 

 

----------  2. Страница с картинкой на карте (см.выше Ваш код) -----------

Куда и какой кусок подставлять? Опять же я не халявщик и честно убил 1,5 часа на попытки, но чую что мне этот код в одиночку не победить!

Спасибо Бабушке-бэтмену за наши счастливые коды ))))

Notepad++ умеет сохранять в нужной кодировке и конвертировать из одной в другую. Так же он вам подсветит синтаксис намекая об ошибках.

Спасибо! Попробуем Notepad++. А как быть с кодом? см.мой предыдущий пост, заранее спасибо всем знатокам за ответы, а бабушке-бэтмену вапще респект !!!

Бабушка-Бэтмен! Подскажите, пожалуйста, как мне теперь заставить все это вместе работать?

Как совместить Данный Вами (еще раз огромное спасибо) готовый код с другим готовым кодом, в котором прописаны объекты на карте?

 

Я попробовал их совместить в разных местах там где фантазии хватило, но ничего не получается! Либо показываются только объекты, либо только картинка, либо ни того ни другого ни даже карты. Может не туда подставляю, может где скобка или запятая теряется и из-за этого все летит

 

--------  1. Старница с объектами такая  -----------

 

 

http://www.w3.org/1999/xhtml">

 

 

    Быстрый старт. Размещение интерактивной карты на странице

 

   

 

   

 

   

 

 

 

 

 

 

 

   

 

   

 

 

 

 

 

 

 

 

----------  2. Страница с картинкой на карте (см.выше Ваш код) -----------

 

Куда и какой кусок подставлять? Опять же я не халявщик и честно убил 1,5 часа на попытки, но чую что мне этот код в одиночку не победить!

выложи весь свой код, на jsfiddle.net или на http://jsbin.com/ и выложи ссылку,

лучше в новом посте

а можно так же вопрос?
Я хочу поверх каты сдеать свою день, ну или хотя бы просто тень внутреннюю, но так же скольок не пытался прописать стили и поверх и смещение с низу, ката все равно все перекрывает. Но что бы и упавление ккартой не перекрывало.