сохранение меток на яндекс картах в 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);
}