Яндекс API - Метки на карте

[FUTURiTY]

Добрый день!

На странице сайта выводится несколько карт со своими координатами,
ниже конструкция скрипта который находится в хайдере сайта:

<script type="text/javascript">
ymaps.ready(init);
function init () {
var myMap_1 = new ymaps.Map('map_1', {
center: [xx.yy, xx.yy],
zoom: 16
}),
myMap_2 = new ymaps.Map('map_2', {
center: [xx.yy, xx.yy],
zoom: 16
});
myMap_3 = new ymaps.Map('map_3', {
center: [xx.yy, xx.yy],
zoom: 16
});
myMap_4 = new ymaps.Map('map_4', {
center: [xx.yy, xx.yy],
zoom: 16
});
}
</script>

подскажите как мне поставить метки на конкретные объекты карты?

Для просмотра ссылки Войди или Зарегистрируйся
кокой метод нужно применить из этой документации?

 

[BaBL]

Создавай placemark как обычно, а потом:

myMap_2.addOverlay(placemark);

закидывай его в нужный тебе MAP объект.

Только учти, что объект myMap_2 у тебя существует только в рамках функции init() и из другой ты его не вызовешь. Для этого var myMap_2 надо вынести за пределы функции и инициализировать переменную, к примеру, NULL'ом.

 

[FUTURiTY]

Спасибо.
Не совсем понял, можно конкретно в коде это указать?
Спасибо.

 

[BaBL]

Спасибо.
Не совсем понял, можно конкретно в коде это указать?
Спасибо.

ymaps.ready(init);
function init () {
  var myMap_1 = new ymaps.Map('map_1', {
   center: [xx.yy, xx.yy],
   zoom: 16
  }),
  myMap_2 = new ymaps.Map('map_2', {
    center: [xx.yy, xx.yy],
    zoom: 16
  });
}

function second() {
  // myMap_1 и myMap_2 работать не будут.
}

ymaps.ready(init);
var myMap_1 = null;
var myMap_2 = null;

function init () {
 myMap_1 = new ymaps.Map('map_1', {
   center: [xx.yy, xx.yy],
   zoom: 16
  });
  myMap_2 = new ymaps.Map('map_2', {
    center: [xx.yy, xx.yy],
    zoom: 16
  });
}

function second() {
  //myMap_1 и myMap_2 можно использовать.
  var placemark = new YMaps.Placemark(new YMaps.GeoPoint(37.609218,55.753559));
  placemark.name = "Москва";
  placemark.description = "Столица Российской Федерации";

  myMap_2.addOverlay(placemark);
}

 

[FUTURiTY]

Не работает.
Какие ещё варианты?

 

[TrueBit]

Метка может быть создана двумя способами: с помощью класса GeoObject с указанным типом геометрии "точка" либо с помощью вспомогательного класса Placemark.

При создании метки нужно указать координаты соответствущей точки. Также метке можно задать её свойства (например, текст значка) и опции (например, изображение значка).

Метки можно объединять в коллекции, а также кластеры

 

[BaBL]

Не работает.
Какие ещё варианты?

Все работает, у вас код баллуна был просто первой версии API, я не обратил внимания и скопировал:

Для просмотра ссылки Войди или Зарегистрируйся

с отдельный Плейсмарком
Для просмотра ссылки Войди или Зарегистрируйся

 

[FUTURiTY]

Спасибо, всем за ответы.
Решил сделать другой конструкцией с помощью конструктора карт:
Для просмотра ссылки Войди или Зарегистрируйся

Вообще это неразбериха с Яндекс картами напрягает, одну и туже карту с метками можно сделать разными способами и по сути это не очень хорошо.

TrueBit, это из инструкции по яндекс взято или это ваш личный опыт?
не совсем понятно, везде по разному пишут и где правильно не понятно.

 

[Виталик78]

Здравствуйте. Не получаеться задать ширину самого болуна. Балун отображаеться при открытии , тоесть зафексированный. Будте добры, подскажите. Как прописать ширину самого окошка балуна ?

var myMap;
ymaps.ready(function () {
    myMap = new ymaps.Map('map', {
        zoom: 15,
        center: [53.21402707119357,50.22476249999997],
        controls: []
    }, {
        searchControlProvider: 'yandex#search'
    });
    var myPlacemark = new ymaps.Placemark([53.21402707119357,50.22476249999997], {
        balloonContentHeader: '<img  width = "150" height ="100" src="/imag.png" alt="" /> Компания » ',
                    balloonContentBody: ' Россия, Самара, ул. 22 Партсъезда, 16,<br>строение 10, 1 этаж, оф.№ 4',
                    balloonContentFooter: '+7 (927)000 00-69'
    }, {
        balloonPanelMaxMapArea: 0,
       
    });
    myMap.geoObjects.add(myPlacemark);
   
    observeEvents(myMap);
   
    myPlacemark.balloon.open();
});
function observeEvents (map) {
    var mapEventsGroup;
    map.geoObjects.each(function (geoObject) {
        geoObject.balloon.events
            // При открытии балуна начинаем слушать изменение центра карты.
            .add('open', function (e1) {
                var placemark = e1.get('target');
                // Вызываем функцию в двух случаях:
                mapEventsGroup = map.events.group()
                    // 1) в начале движения (если балун во внешнем контейнере);
                    .add('actiontick', function (e2) {
                        if (placemark.options.get('balloonPane') == 'outerBalloon') {
                            setBalloonPane(map, placemark, e2.get('tick'));
                        }
                    })
                    // 2) в конце движения (если балун во внутреннем контейнере).
                    .add('actiontickcomplete', function (e2) {
                        if (placemark.options.get('balloonPane') != 'outerBalloon') {
                            setBalloonPane(map, placemark, e2.get('tick'));
                        }
                    });
                // Вызываем функцию сразу после открытия.
                setBalloonPane(map, placemark);
            })
            // При закрытии балуна удаляем слушатели.
            .add('close', function () {
                mapEventsGroup.removeAll();
            });
    });
}
function setBalloonPane (map, placemark, mapData) {
    mapData = mapData || {
        globalPixelCenter: map.getGlobalPixelCenter(),
        zoom: map.getZoom()
    };
    var mapSize = map.container.getSize(),
        mapBounds = [
            [mapData.globalPixelCenter[0] - mapSize[0] / 2, mapData.globalPixelCenter[1] - mapSize[1] / 2],
            [mapData.globalPixelCenter[0] + mapSize[0] / 2, mapData.globalPixelCenter[1] + mapSize[1] / 2]
        ],
        balloonPosition = placemark.balloon.getPosition(),
    // Используется при изменении зума.
        zoomFactor = Math.pow(2, mapData.zoom - map.getZoom()),
    // Определяем, попадает ли точка привязки балуна в видимую область карты.
        pointInBounds = ymaps.util.pixelBounds.containsPoint(mapBounds, [
            balloonPosition[0] * zoomFactor,
            balloonPosition[1] * zoomFactor
        ]),
        isInOutersPane = placemark.options.get('balloonPane') == 'outerBalloon';
    // Если точка привязки не попадает в видимую область карты, переносим балун во внутренний контейнер
    if (!pointInBounds && isInOutersPane) {
        placemark.options.set({
            balloonPane: 'balloon',
            balloonShadowPane: 'shadows'
        });
        // и наоборот.
    } else if (pointInBounds && !isInOutersPane) {
        placemark.options.set({
            balloonPane: 'outerBalloon',
            balloonShadowPane: 'outerBalloon'
           
        });
    }
}