Архивы WEB

API Map Yandex: Изменение содержимого метки «на лету»

19.11.2025 Павел Грибов WEB

Задача: разместить внутри метки поле ввода текста (комментарий) и сохранять его значение

Решение:

При формировании Json данных FeatureCollection, внутри каждой метки, в настройке balloonContentBody разместим теги <textarea style=’width: 100%;’></textarea>. И кнопку сохранения результата. Но! Сохранить результат в БД не сложно. Сложно добиться того, чтобы то что пользователь ввел в поле, сохранилось, после перевыбора метки мышкой. Содержимое поля скидывается каждый раз к изначальному, т.к. движек яндекса каждый раз перерисовывает отображение html на основании данных которые у него » в душе». Поэтому функция сохранения будет выглядеть как-то так:

function SaveComment(ls_id){
    console.log("-сохраняем комментарий "+ls_id);
    comment=$("#comment_"+ls_id).val();
    $.post("?r=receipts2/savecomment", {  
            ls_id:ls_id,
            comment:comment
    }).done(function(data) {                        
        console.log(data);
        balloonContentBody=objectManager.objects.getById(ls_id).properties.balloonContentBody;
        start_=balloonContentBody.slice(0,balloonContentBody.search("%;'")+4);
        end_=balloonContentBody.slice(balloonContentBody.search("</textarea>"),balloonContentBody.length);
        balloonContentBody=start_+comment+end_;
        objectManager.objects.setObjectProperties(ls_id,{balloonContentBody:balloonContentBody});
    });                      
}

function SaveComment(ls_id){

console.log("-сохраняем комментарий "+ls_id);

comment=$("#comment_"+ls_id).val();

$.post("?r=receipts2/savecomment", {

ls_id:ls_id,

comment:comment

}).done(function(data) {

console.log(data);

balloonContentBody=objectManager.objects.getById(ls_id).properties.balloonContentBody;

start_=balloonContentBody.slice(0,balloonContentBody.search("%;'")+4);

end_=balloonContentBody.slice(balloonContentBody.search("</textarea>"),balloonContentBody.length);

balloonContentBody=start_+comment+end_;

objectManager.objects.setObjectProperties(ls_id,{balloonContentBody:balloonContentBody});

});

}

Что тут происходит?

Изменения сохраняются в базу данных при помощи вызова скрипта receipts2/savecomment
Читаем данные которые яндекс хранит у себя в нутри
Изменем эти данные, добавив комментарий
Сохраняем данные «внутри»

В результате после перещелкивания по метке, комментарий сохраняется.

Оставить комментарий api map yandex, javascript, изменение содержимого метки

Получение GPS координат почтовых отделений по индексу

28.10.2025 Павел Грибов PHP, WEB

Задача: получить по известному индексу почтового отделения, его адрес, GPS координаты и другие данные..

Решение: а просто попарсим страницу почты россии: https://www.pochta.ru/offices, где есть возможность ввода индекса, а в ответ на карте отрисовываються отделения. Чуть нырнув в сетевые запросы, получаем вызов:

https://www.pochta.ru/suggestions/v2/postoffice.find-nearest-by-postalcode-vacancies

1	https://www.pochta.ru/suggestions/v2/postoffice.find-nearest-by-postalcode-vacancies

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

<?php
$indexs=file_get_contents("posts.list");
$indexs=explode("\n", $indexs);
file_put_contents("res.sql", "", FILE_APPEND | LOCK_EX);

foreach ($indexs as $ind) {
    `wget https://www.pochta.ru/suggestions/v2/postoffice.find-nearest-by-postalcode-vacancies --header='Content-Type:application/json' --post-data '{"postalCode":"$ind","filters":[],"limit":1,"radius":100,"offset":0,"currentDateTime":"2025-10-28T15:10:00"}' -O tmp.tmp`;
    $js= json_decode(file_get_contents("tmp.tmp"));    
    if ($js!=null){
        if (count($js)>0){
          $otd=$js[0];
          $address=$otd->addressSource;
          $latitude=$otd->latitude;
          $longitude=$otd->longitude;
          $sql="udpate posts set name='Почтовое отделение $ind',latitude='$latitude',longitude='$longitude',address='$address' where index='$ind';\n";
          echo $sql;
          file_put_contents("res.sql", $sql, FILE_APPEND | LOCK_EX);          
        };
    };
};

<?php

$indexs=file_get_contents("posts.list");

$indexs=explode("\n", $indexs);

file_put_contents("res.sql", "", FILE_APPEND | LOCK_EX);

foreach ($indexs as $ind) {

`wget https://www.pochta.ru/suggestions/v2/postoffice.find-nearest-by-postalcode-vacancies --header='Content-Type:application/json' --post-data '{"postalCode":"$ind","filters":[],"limit":1,"radius":100,"offset":0,"currentDateTime":"2025-10-28T15:10:00"}' -O tmp.tmp`;

$js= json_decode(file_get_contents("tmp.tmp"));

if ($js!=null){

if (count($js)>0){

$otd=$js[0];

$address=$otd->addressSource;

$latitude=$otd->latitude;

$longitude=$otd->longitude;

$sql="udpate posts set name='Почтовое отделение $ind',latitude='$latitude',longitude='$longitude',address='$address' where index='$ind';\n";

echo $sql;

file_put_contents("res.sql", $sql, FILE_APPEND | LOCK_EX);

};

Оставить комментарий gps, отделения, почта россии

JavaScript: улучшаем понимание работы функций

19.08.2025 Павел Грибов WEB

Классически функция объявляется используется примерно так:

function Inc(s,n){
  return s+n;
};

function Inc(s,n){

return s+n;

};

Однако её можно объявить и так:

const Inc=(s,n)=>{
  return s+n; 
}

const Inc=(s,n)=>{

return s+n;

}

Кроме того! Можно еще короче, используя не явный return:

const Inc=(s,n)=>s+n;

1	const Inc=(s,n)=>s+n;

Такие сокращения мне не очень нравятся (дело привычки больше), но тем не менее их удобно применять в некоторых случаях. Например если необходимо вернуть объект, как результат функции выйдет даже несколько понятнее:

const People=(name,soname,age,comment)=>({
  name:name,
  soname:soname,
  age:age,
  comment:comment
});

aa=People("Вася","Сидоров",18,"Вася обычный школьник")

const People=(name,soname,age,comment)=>({

name:name,

soname:soname,

age:age,

comment:comment

});

aa=People("Вася","Сидоров",18,"Вася обычный школьник")

Или например добавить событие onClick к кнопке на странице при помощи стрелочных функций:

but=document.getElementById('#button1');
but.onclick=()=>{
  console.log("Вася нажал кнопку");
}

but=document.getElementById('#button1');

but.onclick=()=>{

console.log("Вася нажал кнопку");

}

Выглядит гораздо проще, чем если бы мы использовали «классическую» запись:

function VasyaPress(){
   console.log("Вася нажал кнопку");
};
but=document.getElementById('#button1');
but.onclick=VasyaPress();

function VasyaPress(){

console.log("Вася нажал кнопку");

};

but=document.getElementById('#button1');

but.onclick=VasyaPress();

Но! только если код внутри функции не сильно длинный. Иначе всё превращается в кашу.

Оставить комментарий javascript, стрелочные функции

Javascript: удаление элемента массива

12.07.2025 Павел Грибов WEB, Из жизни

В JavaScript как мне кажется не очень удобная реализация работы с массива. Наверное слишком низкоуровневая по сравнению с другими интерпретируемыми языками программирования. Возможно это даёт большую гибкость, но лично мне не удобно, что для простое удаление элемента массива по виду:

mass=[1,2,3,4];
delete mass[2];

1 2	mass=[1,2,3,4]; delete mass[2];

Приводит на самом деле не к удалению элемента массива, а пометке, что элемент пустой. Многие пользуются командой splice:

mass=[1,2,3,4];
mass.splice(2,1)

1 2	mass=[1,2,3,4]; mass.splice(2,1)

Или даже filter:

brisks_mass=[1,2,3,4];
brisks_mass=brisks_mass.filter((number)=>number!==3)

1 2	brisks_mass=[1,2,3,4]; brisks_mass=brisks_mass.filter((number)=>number!==3)

Но как говорится «Мне не зашло» (c), ибо есть с чем сравнивать удобство (Python, PHP и т.д.)

Оставить комментарий javascript, удаление элемента массива

JavaScript: декодирование строки в Base64

09.07.2025 Павел Грибов WEB

Вообще штатно есть функции для кодирования/декодирования: atob / btoa. Но один нюанс: если строчку вида «Hello world!» они кодирую-декодируют легко, то с бинарными файлами выйдет ой. Не, они конечно тоже что-то сделают, но с «тихой ошибкой» — т.е. результат будет, но не верен. Попался так, когда с сервера передавал файл в base64 на клиент javascript, декодировал его примерно так:

let a = document.createElement("a");
let file = new Blob([atob(data.result)], {type: 'application/xlsx'});
a.href = URL.createObjectURL(file);
a.download = "template_0.xlsx";
a.click();

let a = document.createElement("a");

let file = new Blob([atob(data.result)], {type: 'application/xlsx'});

a.href = URL.createObjectURL(file);

a.download = "template_0.xlsx";

a.click();

А в результате, с виду вроде бы валидный файл, экселем открываться отказался. А всё потому, что atob не работает со строками в Uicode. Потому обычно используют следующие обертки для кодирования-декодирования:

function base64ToBytes(base64) {
  const binString = atob(base64);
  return Uint8Array.from(binString, (m) => m.codePointAt(0));
}
function bytesToBase64(bytes) {
  const binString = String.fromCodePoint(...bytes);
  return btoa(binString);
}

function base64ToBytes(base64) {

const binString = atob(base64);

return Uint8Array.from(binString, (m) => m.codePointAt(0));

}

function bytesToBase64(bytes) {

const binString = String.fromCodePoint(...bytes);

return btoa(binString);

}

Оставить комментарий base64, javascript, unicode, utf8, деокдирование, юникод

1 2 3 … 55 »

Пн	Вт	Ср	Чт	Пт	Сб	Вс
					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