Клуб API Карт

Клуб API Карт

Не выводится контрол в контейнере

Пост в архиве.

Доброго времени суток! Пробую вставить пример с контролом в контейнере, но он не работает.

 // Добавим свой элемент в контейнер элементов управления карты

$('<div><input type="button" value="Click!"/></div>') .css({ position: 'absolute', left: '5px', top: '50px'}) .appendTo(map.panes.get('controls').getElement());

То же самое с моей задачей:

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>Примеры </title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

        html, body, #map {width: 100%; height: 100%;}

         body {margin: 0; padding: 0;}

    </style>

    <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(function () {

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

        center: [55.744, 37.587],

        zoom: 12

},              

            {maxZoom: 14, minZoom: 4});

map.controls.add('zoomControl')

                .add('typeSelector')

                .add('mapTools')

.add('searchControl');

 $('<img src=\"jjjjjj.png\">')

    .css({ position: 'absolute', left: '5px', top: '50px'})

    .appendTo(map.panes.get('controls').getElement());           

});

   </script>

</head>

 <body>

    <div id="map" style="width:1200px;height:600px"></div>

</body>

</html>

 

   

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