Как добавить canvas на карту? Есть ли метод из коробки?

Это я знаю, но мне нужно imageOverlay рендерить не в виде img в блоке leaflet-pane leaflet-overlay-pane, а на canvas в том же блоке. При этом в дальнейшем если я карту двигаю и зуммирую, то мои картинки подгруженные должны оставаться на карте и двигаться вместе с ней, вот в чем сложность.

p.s. на данный момент что renderer: L.canvas(), что preferCanvas: true, это для векторной графики, а не для создания canvas для вывода каких то imageOverlay и так далее

Как разделить полигон на карте на равные части или продолжение: как собрать массив из координат выделенной области через заданный шаг?

AngReload, больше вам спасибо за помощь. проект немного сдвинулся. Но вот теперь есть момент. Я работаю с leaflet как уже поняли. Что бы разобрать картинку мне нужен canvas, а он грузиться только когда начинаем вектор рисовать. Но в моем случае после рисования прямоугольника, и при сбора массива с точками, прямоугольник убирается рекурсией я начинаю получать те самые картинки желтого цвета. Я научился проверять пиксели прозрачные и менять цвета, с этим все нормально. Но встал вопрос как добавить canvas на карту, что бы он был именно слоем, так как если его положить сверху, то это будет не часть карты, а значит я не смогу ее дальше двигать и что то с ней делать!!!

Что бы мне как-то оперировать с подгружаемыми imageOverlay дальше, мне нужно выводить их на canvas.

Как разделить полигон на карте на равные части или продолжение: как собрать массив из координат выделенной области через заданный шаг?

Дѣаволъ, прошу прощения. Каюсь((((((

Как разделить полигон на карте на равные части или продолжение: как собрать массив из координат выделенной области через заданный шаг?

Дѣаволъ, да к точности особо претензий нет. Сравнивал с 2ГИС линейкой и яндекс картами. Показывает примерно одинаково. В вычислении расстояния между точками мне нужно просто ширину и высоту фигуры определить. Это не самое страшное.

Еще страшнее)))))))), пока что не нашел в документации, как добавить слой в виде canvas, что бы не imageOverlay пихать, а на canvas выводить картиночку??????????????????

Как разделить полигон на карте на равные части или продолжение: как собрать массив из координат выделенной области через заданный шаг?

Дѣаволъ, коллеги, доброго времени суток. Почему не разобрался. В документации leaflet:

distanceTo( otherLatLng) Number
Returns the distance (in meters) to the given LatLng calculated using the Spherical Law of Cosines.

Строку вырезал из доков leaflet - .
Расстояние между точками в метрах.

Как избежать дублирования кода при ветвлении с использованием асинхронных функций?

async await для начала, можно промисы. А потом можно и unil собрать.

Как разделить полигон на карте на равные части или продолжение: как собрать массив из координат выделенной области через заданный шаг?

AngReload, ну вот я туда же начал смотреть, только как это сделать на js??? Осталось только найти механизм.

p.s. В идеале решением всего гемороя на данном проекте, являются входные данные. Мне приходит объект, в котором есть центр участка (координаты), благодаря им и ставлю картинку на карту как нужно. Но вот к сожалению углов не могу добиться. Если бы приходил объект с углами то была бы сказка)))))) Но мы в России живем))))))))))) Спасибо большое за помощь. Когда решу проблемы обязательно пост напишу)))))

Как разделить полигон на карте на равные части или продолжение: как собрать массив из координат выделенной области через заданный шаг?

AngReload, в чем суть))) как выше было написано, я выделяю на карте область, рисую прямоугольник и так далее.
Теперь мне необходимо собрать точки с координатами внутри прямоугольника, код который выше делает то что нужно, вчера вы мне помогли, я получаю точки с заданным шагом. Получил массив точек.



Для проверки нарисовал маркеры. Все отлично. Есть массив с точками (с координатами вернее). Далее мне необходимо получить данные из Р...стра))) о том какие есть участки внутри данного полигона. Если я точечно отправляю координаты то мне приходит например объект с нужными данными и (для интерфейса) вот такая вот картиночка:



Это типа границы участка. НО!

Мне же надо получить все участки, а точек в массиве может быть и 5000 и 10000 ... это не правильно, стоит вопрос как оптимизировать кол-во запросов.

Идея основная в том, что бы рисовать по контуру картинки новый полигон и через, например point in polygon for Leaflet, выбросить из массива точки, которые внутри картинки. и снова пересобрать массив, и отправлять следующий запрос. И так до тех пор, пока не кончатся точки.

Но вот в чем проблема, картинка то квадратная! Соответственно я удалю точки, которые не нужно удалять. Примерно так.

Пример результата точечного поиска:



Как раз на картинке желтый слой это найденный участок. Но сам слой это png 256 x 256. Он квадратный, т.е. если вставить новый контур, и удалить из него точки, то я удалю точки в том числе и за пределами желтой фигуры.

Вот... вроде все объяснил

Как разделить полигон на карте на равные части или продолжение: как собрать массив из координат выделенной области через заданный шаг?

AngReload , спасибо за помощь, работает, но данный алгоритм просто расставляет точки на выделенной области. У меня же задача стоит, следующая:

На выделенной области мне необходимо собрать массив координат, собственно ваш код это делает. Дальше мне необходимо вытащить из базы инфу по участкам, для этого я отправляю на сервер запрос с координатами каждой найденной точки. От сюда вытекает проблема, ооооооооооооочень много запросов!!!

Данные с базы приходят в виде картинки + объект (он не важен), картинку я ставлю на карту. И для оптимизации нужно выбросить из массива точки, которые попадают в полигон этой картинки. Картинка png с прозрачным фоном.

Как собрать массив из координат выделенной области через заданный шаг?

Дѣаволъ, я прекрасно понимаю что такое leaflet и для чего нужна. Но вопрос стоит не в ней, а в том, что необходимо текущий полигон (для простоты это прямоугольник) разбить на несколько полигонов меньшего размера. И на старте у меня есть только углы текущего полигона, так же я могу посчитать ширину и высоту.

Вот и все что мне нужно сделать

Как разделить полигон на карте на равные части или продолжение: как собрать массив из координат выделенной области через заданный шаг?

Минутку

Как собрать массив из координат выделенной области через заданный шаг?

serginhold, и баузер кстати то же завис)))))))))))) от 1000 маркеров на карте, но вывел

Как собрать массив из координат выделенной области через заданный шаг?

Moskus, как мне поможет это в решении текущей проблемы??? Мне база особо то не нужна, мне в реальном времени нужно собрать массив координат точек из выделенной области. По сути решение, которое представлено ниже работает, и даже получилось, я сам тупил сидел. Но теперь вопрос как разбить выделенную область на сектора??? одинакового размера???? выделенная область всегда разная

Как собрать массив из координат выделенной области через заданный шаг?

serginhold, но есть один момент, это будет ограниченное кол-во точек, их бесконечное множество по сути на карте!!! по сути че будет: в цикле от 0 до 1000 например я создаю L.LatLng с рандомными координатами и всем счастье, щас сделаю....... а вто как определить кол-во точек или даже секторов, например 5 метров на 5 метров, в них я определю центр и получу точку

Как собрать массив из координат выделенной области через заданный шаг?

serginhold, туплю)))))))))) точно))))))))) переизбыток координат в мозгу)))))))))

Как собрать массив из координат выделенной области через заданный шаг?

serginhold, понятно что легко, только как делать random??? Если

let c0 = {lat: 55.02398783236238, lng: 82.89665222167969}
let c1 = LatLng {lat: 55.063231020579984, lng: 82.89665222167969}
let c2 = LatLng {lat: 55.063231020579984, lng: 82.97561645507814}
let c3 = LatLng {lat: 55.02398783236238, lng: 82.97561645507814}

Это углы прямоугольника, широта долгота, север - юг и так далее. Как сделать два Rand по x и y???? Если были бы x и y, а еще лучше пиксели, вопроса бы не было.

Как собрать массив из координат выделенной области через заданный шаг?

serginhold, на полигоны можно и не разбивать, нужно просто точки собрать

Как собрать массив из координат выделенной области через заданный шаг?

serginhold, у меня есть только полигон, мне нужно его пройти и собрать в массив точки, которые в нем есть, только шаг сделать, например 10 метров или 30 метров, как то так, можно добавить мелкие слои, по сути то же самое. У меня мысль, просто изменить координаты пока не дойду до стенки прямоугольника. Но пока не могу понять как меняются координаты, как их увеличивать вручную?????

new L.marker([e.latlng.lat, e.latlng.lng + 1]

Не работает(((

Как собрать массив из координат выделенной области через заданный шаг?

serginhold, ну вот смотри:

0: LatLng {lat: 55.02398783236238, lng: 82.89665222167969, __vertex: NewClass}
1: LatLng {lat: 55.063231020579984, lng: 82.89665222167969, __vertex: NewClass}
2: LatLng {lat: 55.063231020579984, lng: 82.97561645507814, __vertex: NewClass}
3: LatLng {lat: 55.02398783236238, lng: 82.97561645507814, __vertex: NewClass}

Это координаты углов прямоугольника, покажи пример как найти случайную внутреннюю точку?????

Я уже весь мозг сломал, может просто я не вникаю на сколько меняются координаты???)))))

Как собрать массив из координат выделенной области через заданный шаг?

serginhold, getLatLngs() возвращает углы, а как вытащить внутренние точки???