Не отображаются Яндекс.Карты

Доброго времени суток. Как сделать так, чтобы карта отображалась? Возможно, что в коде есть ошибка. Работаю с МОДХ впервые, так что прошу помочь в этом вопросе.

Вот здесь не отображается www.kitchen812.ru/karta-salonov/

Код карты

<script src="http://api-maps.yandex.ru/1.1/index.xml?key=ALEuok8BAAAAXihfAgIAORrYnNI5pyjr2JoAIezf8VQFHCgAAAAAAAAAAAAWdb-38siOyjuG2TdEo9NGDqdcEw==" type="text/javascript"></script>
<script type="text/javascript">
        YMaps.jQuery(function () {
        var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);
        map.setCenter(new YMaps.GeoPoint(30.332977,59.955278), 10); 
        map.addControl(new YMaps.Zoom());
        map.addControl(new YMaps.ToolBar());
        map.addControl(new YMaps.TypeControl());
        var s = new YMaps.Style();
            s.iconStyle = new YMaps.IconStyle();
            s.iconStyle.href = "s.png";
            s.iconStyle.size = new YMaps.Point(15, 19);
            s.iconStyle.offset = new YMaps.Point(-5, -20);
        var mc = new YMaps.Style();
            mc.iconStyle = new YMaps.IconStyle();
            mc.iconStyle.href = "mc.png";
            mc.iconStyle.size = new YMaps.Point(19, 26);
            mc.iconStyle.offset = new YMaps.Point(-12, -29);
        [[getResources? 
          &parents=`16` 
          &limit=`all`
          &depth=`0`
          &includeTVs=`1` 
          &includeTVList=`adress,coordinats,telephone` 
          &tpl=`points` 
         &processTVs=`1`
          processTVList=`adress,coordinats,telephone`  
        ]]
});
</script>

<div> 
                        <h1>[[*pagetitle]]</h1>
                        [[*introtext]] 
                        <ul style="list-style: none;">
                          <li style="display: inline; padding: 0 20px 0 0;"><img src="s.png" alt="Салоны" /> - Кухонные салоны</li>
                          <!-- <li style="display: inline;"><img src="mc.png" alt="Салоны" /> - Мебельные центры</li> -->
                        </ul>
                        <div id="YMapsID" style="width:100%;height:500px;border:1px solid #00770c;"></div>
                        <h3>[[*longtitle]]</h3>
                        [[*content]]
                        <div class="clear"></div>
                 </div>