Статьи / JavaScript

Yandex Map - функция для простого использования

Ключ должен быть получен и вставлен в head


<head>
<script src="/1.1/index.xml?key=CodeMnogaBukav=="type="text/javascript"></script>
</head>

После этого погружаем в любое место функцию, можно сразу после ключа


< script>
function MapBig(w,h,m,cD,cSh,bD,bSh,des)        //m - zoom, cD - center Dolgota, pSh - baloon Shirota
{
    if(document.getElementById('yam')) { $('#yam').remove(); }
    $(document.body).append('<div id="yam"><div class="close" onclick="$(\'#yam\').remove()">закрыть [x]</div><div id="YMapsID" style="width:700px;height:500px;margin:5px;"></div></div>');
    var yam = document.getElementById('yam');
    var coor = Block(w,h);
        yam.style.top = coor[1] + 50 + 'px';
        yam.style.left = coor[0] + 'px';
        yam.style.width = w + 10 + "px";
        yam.style.height = h + 40 + "px";
        yam.style.position = 'absolute';
        yam.style.zIndex = '2';
        yam.style.display = 'block';
        yam.style.border = '1px solid #000000';
        yam.style.backgroundColor = '#ffffff';

    var map = new YMaps.Map(document.getElementById("YMapsID"));
        map.setCenter(new YMaps.GeoPoint(cD,cSh), m);
        map.openBalloon(new YMaps.GeoPoint(bD,bSh), des, {hasCloseButton:true});
    var zoom = new YMaps.Zoom({ customTips: [ { index: 1, value: "Мелко" },{ index: 9, value: "Средне" },{ index: 16, value: "Крупно" } ] });
        map.addControl(zoom);
        map.addControl(new YMaps.TypeControl()); 
}
</ script>

Пример использования:


<a onclick="MapBig(700, 500, 16, 10.127857, 10.04927, 10.323535, 10.04221, '<b style=\'color:#000000\'>Название</b><br><br><span style=\'color:#000000\'>Адрес, <br>тел. +7(000)000-00-00,</span>');return false;" href="#">Карта</a>