Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 12.03.2017
Сообщений: 21

Не понимаю как сохранить данные метки в json файл

10.05.2022, 13:42. Показов 492. Ответов 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
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);
 
}
HTML5
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
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html>
 
<head>
    <title>Изменение параметров метки</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--
        Укажите свой API-ключ. Тестовый ключ НЕ БУДЕТ работать на других сайтах.
        Получить ключ можно в Кабинете разработчика: https://developer.tech.yandex.ru/keys/
    -->
    <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;apikey=<ваш API-ключ>" type="text/javascript"></script>
    <script src="https://yandex.st/jquery/2.2.3/jquery.min.js" type="text/javascript"></script>
    <script src="geoobject_contextmenu.js" type="text/javascript"></script>
    <style type="text/css">
        html, body {
            width: 100%;
            height: 95%;
            margin: 0;
            padding: 0;
            font-family: Arial;
            font-size: 14px;
        }
 
        #map {
            width: 100%;
            height: 95%;
        }
 
        #menu {
            position: absolute;
            width: 12em;
            background: white;
            border: 1px solid #ccc;
            border-radius: 12px;
            padding-bottom: 10px;
            z-index: 2
        }
        #menu ul {
            list-style-type: none;
            padding: 20px;
            margin: 0;
        }
        input {
            width: 10em;
        }
 
        .header {
            padding: 5px;
        }
    </style>
</head>
 
<body>
<p class="header">Вызовите контекстное меню на метке</p>
<div id="map"></div>
</body>
 
</html>
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
10.05.2022, 13:42
Ответы с готовыми решениями:

Библиотека SharpKml. Как сохранить метки пути и прочее в файл
Не могу разобраться как сохранить метки пути и прочее в файл. LineString ls = new LineString(); ...

Как сохранить данные в JSON
Всем привет! У меня есть форма для комментариев. В режиме live комментарии отправляются и отображаются, все в порядке, но обновив страницу...

Как сохранить данные в формате json?
Здравствуйте всем. Есть необходимость при получении данных из формы(отзывы читателей), сохранять их в формате json, а потом вывести на...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
10.05.2022, 13:42
Помогаю со студенческими работами здесь

Как в json сохранить данные типа byte?
как в json сохранить данные типа byte?

Как сохранить данные из json не сортируя по дате?
Есть класс с функциями &lt;?php class DataBase { private $file; private $data = ; function __construct($file) {

Как записать данные в файл, и спросить у пользователя в какую директорию сохранить файл. Не используя ПХП
Вот как вводится файл, у пользователя спрашивает, в какие директории перейти, а тут наоборот, мне нужно спросить директорию, и записать...

Как сохранить данные в файл?
подскажите как в VBA код вставить данные, номер 00124124 Лицензия 1025151 (допустим) и после включения макроса считать данные с...

Как сохранить данные в файл???
Как сохранить данные из Edit - ов в файл на одной строчке с пропуском??? Следующей строчке??? Помогите плиз! Срочно надо!


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Функция установки текстового статуса в реквизите формы документа
Maks 01.04.2026
Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .
К слову об оптимизации
kumehtar 01.04.2026
Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр).
Hrethgir 31.03.2026
Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда
anaschu 31.03.2026
В прикрепленном документе раздумья о том, как можно поменять модель в будущем
10 пpимет, которые всегда сбываются
Maks 31.03.2026
1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .
Перемещение выделенных строк ТЧ из одного документа в другой
Maks 31.03.2026
Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave
DevAlt 30.03.2026
Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru