Яндекс.Карта

[netcat-na-diary]

Подключение Яндекс.Карты, наложение на неё стилей, стилизация метки, стилизация хинта.

<sсript type="text/javasсript">
    ymaps.ready(init);
    var zoomControl;

    function CenterMap(){
        var center = myMap.getBounds();
        if(!center) {
            return;
        }
        if (center[0][0] == center[1][0] || center[0][1] == center[1][1]){
            center[0][0] = parseFloat(center[0][0]) - 0.01;
            center[1][0] = parseFloat(center[1][0]) + 0.01;
            center[0][1] = parseFloat(center[0][1]) - 0.01;
            center[1][1] = parseFloat(center[1][1]) + 0.01;
        }
        myMap.setBounds(center);
    }

    var myMap;
    var hotelsCol;

    function init() {
        myMap = new ymaps.Map('map', {
            center: [54.512288, 36.257757],
            zoom: 12,
            controls: []
        }, {autoFitToViewport: 'always'});

        $(myMap.panes.get('events').getElement()).css({'background-image': "url('/template/megotel_new/img/bg_map_hover.png')", 'background-position': '50% 0', 'background-repeat': 'no-repeat', 'z-index' : '5000' });

        hotelsCol = new ymaps.GeoObjectCollection({},{
            draggable: false
        });
        myMap.geoObjects.add(hotelsCol);


        myMap.geoObjects.add(new ymaps.Placemark(
            ["54.518784" ,"36.247749" ],
            {hintContent: 'Гостиница Старгород'}
        ));

        var myHintLayout = ymaps.templateLayoutFactory.createClass('<div class="map_hint">$[properties.hintContent]</div>'); //всплывающая подсказка

        myMap.geoObjects.options.set({
            hintLayout: myHintLayout,
            iconLayout: 'default#image',    // Своё изображение иконки метки.
            iconImageHref: "/template/<?= $TEMPLATE; ?>/img/bg_map_mark.png",
            iconImageSize: [40, 32],
            iconImageOffset: [-6, -16]
        });

        CenterMap();
    }
</sсriрt>