Клуб API Карт

Проблемы с настройкой геокодера

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

Всем привет. Помогите начинающему плиз.

Хочу сделать карту с центром по указанному адресу. Никак не могу заставить карту показаться на моем сайте.

Вот пример кода:

<head>
<script src="http://api-maps.yandex.ru/1.1/index.xml?key=МОЙКЛЮЧ" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){
            // Создает экземпляр карты и привязывает его к созданному контейнеру
            var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);
 
                    map.addControl(new YMaps.TypeControl());
                    map.addControl(new YMaps.ToolBar());
                    map.addControl(new YMaps.Zoom());
                    map.addControl(new YMaps.ScaleLine());
                    
            var geocoder = new YMaps.Geocoder("Москва, Тверская ул, д2");
            
            map.addOverlay(geocoder);
            // По завершению геокодирования инициализируем карту первым результатом
            YMaps.Events.observe(geocoder, geocoder.Events.Load, function (geocoder) {
                if (geocoder.length()) {
                    map.setBounds(geocoder.get(0).getBounds());
                }
            });
   
    });
</script>
    
</head> 
 
<body> 
<div id="YMapsID" style="width:95%;height:350px;border:solid 1px black;"></div> 
</body> 

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

2 комментария
Если Вы используете YMaps.jQuery, то

$(document).ready(function(){

надо заменить на

YMaps.jQuery(document).ready(function () {

а можно даже на

YMaps.jQuery(function () {

Алиас "$" будет доступен только если сделать

window.jQuery = window.$ = YMaps.jQuery;
(+1) Огромное спасибо! Заработало!!! :-)