API Yandex Map 2.0

Создание нескольких карт на одной странице.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
    ymaps.ready(init);
    var get = <?=$geo;?>;
    var get2 = <?=$geo2;?>;
    var get3 = <?=$geo3;?>;
 
 
    function init() {
        myMap = new ymaps.Map("map-id15", {
            center: get3,
            zoom: 10,
            controls: ['zoomControl']
        });
 
        myPlacemark = new ymaps.Placemark(get, {
            balloonContentHeader: 'Ярославль',
            balloonContentBody: 'Ленина, 20',
        }, {
            iconLayout: 'default#image',
            iconImageHref: '/img/map-mark.png',//Адрес картинки балуна
            iconImageSize: [55, 64],//Размеры балуна
            iconImageOffset: [-28, -63]//позиционирование на карте
        });
        
        myPlacemark2 = new ymaps.Placemark(get2, {
            balloonContentHeader: 'Москва',
            balloonContentBody: 'Ленина, 60',
        }, {
            iconLayout: 'default#image',
            iconImageHref: '/img/map-mark.png',
            iconImageSize: [55, 64],
            iconImageOffset: [-28, -63]
        });
        
        myPlacemark3 = new ymaps.Placemark(get3, {
            balloonContentHeader: 'Киров',
            balloonContentBody: 'Ленина, 80',
        }, {
            iconLayout: 'default#image',
            iconImageHref: '/img/map-mark.png',
            iconImageSize: [55, 64],
            iconImageOffset: [-28, -63]
        });
        myMap.geoObjects.add(myPlacemark);//Вставляем метки на карту
        myMap.geoObjects.add(myPlacemark2);
        myMap.geoObjects.add(myPlacemark3);
        myMap.behaviors.disable('scrollZoom');
    };