Карта с множеством меток, и возможностью добавления своих картинок

Для добавления множества точек - необходимо воспользоваться инструментом Гео Колекций. Так же при этом можно вынести добавление уникальной метки.

В редких случаях можно добавлять множество различных меток, в своих колекциях

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<script type="text/javascript">
    ymaps.ready(init);
    var myMap,
        myPlacemark;

    function init(){     
        myMap = new ymaps.Map("map", {
            center: [52.81400705, 55.39457876],
            zoom: 3,
            controls: [],
            controls: ['smallMapDefaultSet'],
            behaviors: []
        });
        myMap.behaviors.enable('drag');
        
        var arrLocal = [
                [
                    [55.75399400, 37.62209300],
                    'Москва'
                ],
                [
                    [54.72865424, 56.03041250],
                    'Уфа'
                ],
                [
                    [55.14733041, 59.69741200],
                    'Златоуст'
                ],
                [
                    [55.15336244, 61.39170200],
                    'Челябинск'
                ],
                [
                    [53.19113025, 63.60501600],
                    'Костанай'
                ],
                [
                    [51.15181486, 71.48300800],
                    'Астана'
                ],
                [
                    [50.40587702, 80.28271050],
                    'Семей'
                ],
                [
                    [56.78879801, 60.60339450],
                    'Екатеринбург'
                ],
                [
                    [60.92827028, 76.55570850],
                    'Нижневартовск'
                ],
                [
                    [57.13726821, 65.54499550],
                    'Тюмень'
                ]
            ],
            myCollection = new ymaps.GeoObjectCollection(
                {},
                {
                    iconLayout: 'default#image',
                    iconImageHref: '/images/map-marker_all_1.png',
                    iconImageSize: [21, 30],
                    //iconImageOffset: [-30, -10]
                }
            );
        
        // ОБЩИЕ метки
        jQuery.each(arrLocal, function(index, value){
            //console.log(value);
            myCollection.add(new ymaps.Placemark(value[0],
                {
                    hintContent: value[1],
                }
            ));
        });
        
        // СВОЯ метка
        myCollection.add(new ymaps.Placemark([44.71029965, 37.77731181],
            {
                hintContent: 'Мы находимся здесь',
            },{
                iconImageHref: '/images/map-marker.png'
            }
        ));
        
        // Добавляем коллекцию на карту.
        myMap.geoObjects.add(myCollection);
        // Устанавливаем карте центр и масштаб так, чтобы охватить коллекцию целиком.
        myMap.setBounds(myCollection.getBounds());
        
    }
</script>
Подобные материалы

CRG Home 2026

Не является публичной офертой.