сохранение меток на яндекс картах в json файл. яндекс апи

Всем привет. Не получается реализовать сохранение меток которые добавил пользователь на карту в json файл для дальнейшего их вывода и отображения на карте.

ymaps.ready(init);
 
function init () {
    // Создаем карту.
    var myMap = new ymaps.Map("map", {
            center: [55.751574, 37.573856],
            zoom: 10
        }, {
            searchControlProvider: 'yandex#search'
        });
    // Контекстное меню, позволяющее изменить параметры метки.
    // Вызывается при нажатии правой кнопкой мыши на метке.
    myMap.events.add('click', function (e) {
        // Если меню метки уже отображено, то убираем его.
        if ($('#menu').css('display') == 'block') {
            $('#menu').remove();
        } else {
            // HTML-содержимое контекстного меню.
            var menuContent =
                '<div id="menu">\
                    <ul id="menu_list">\
                        <li>Номер дома: <br /> <input type="text" name="icon_text" /></li>\
                        <li>Квартира: <br /> <input type="text" name="hint_text" /></li>\
                        <li>Стоимость: <br /> <input type="text" name="balloon_text" /></li>\
                    </ul>\
                <div align="center"><input type="submit" value="Сохранить" /></div>\
                </div>';
                
                
                
                    var placemark = new ymaps.Placemark(e.get('coords'), {
        
    }, {
        // Красная иконка, растягивающаяся под содержимое.
        preset: "islands#redStretchyIcon"
    });
    
 
            $('body').append(menuContent);
            
            // Задаем позицию меню.
            $('#menu').css({
                left: e.get('pagePixels')[0],
                top: e.get('pagePixels')[1]
            });
            
 
            // При нажатии на кнопку "Сохранить" изменяем свойства метки
            // значениями, введенными в форме контекстного меню.
            $('#menu input[type="submit"]').click(function () {
                placemark.properties.set({
                    balloonContentHeader: $('input[name="icon_text"]').val(),
                    balloonContentFooter: $('input[name="hint_text"]').val(),
                    balloonContentBody: $('input[name="balloon_text"]').val()
                });
            myMap.geoObjects.add(placemark);
                // Удаляем контекстное меню.
                $('#menu').remove();
            });
        }
    });
    myMap.geoObjects.add(placemark);

}


Ответы (0 шт):