Вопросы с меткой [leafletjs]

Руководство по использованию метки отсутствует.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
18 показов

Как в react-leaflet при клике на карту получить адресс (улицу, дом и т.д.)?

Необходимо чтобы при клике на карту отображался адрес (улица, дом и т.д).Сейчас при клике у меня есть широта и долгота. Как это реализовать? Отправлять запрос с широтой и долготой?
Smile_mask's user avatar
0 голосов
0 ответов
21 показ

Какой картографический движок лучше: Google Maps, OpenStreetMaps или MapBox для адаптивного веб-сервиса?

Вопрос адресован знатокам ГИС и движков Google Maps, Map Box, Open Street Maps. На каком движке лучше реализовать картографический веб-сервис с точки зрения: отрисовки и нанесения слоев; ...
webDeveloper's user avatar
0 голосов
1 ответ
32 показа

Как сделать "клик на маркере -> карта центрируется и меняет масштаб, второй клик -> обратно"? React, Leaflet

По этой ссылке карта с несколькими маркерами. По клику по любому маркеру карта увеличивает масштаб и центрируется. Как сделать, чтобы по второму клику на этом же маркере карта возвращалась в прежний ...
Garp's user avatar
  • 319
0 голосов
0 ответов
17 показов

Как графически выделить на карте Leaflet маркер по клику?

Как можно графически выделить по клику маркер? Popup и Tooltip не подходят. Искал backline (подсветка), underline (подчёркивание) - не нашёл. Какие ещё могут быть варианты? Можно менять стандартную ...
Garp's user avatar
  • 319
0 голосов
1 ответ
46 показов

Не получается завести проект React + Typescript + Leaflet

Создал проект в VS как Standalone TypeScript React Project + leaflet. Пытаюсь завести проект в простейшей конфигурации, поднять простейшую карту и потом уже усложнять. App.tsx import React from 'react'...
Garp's user avatar
  • 319
0 голосов
0 ответов
18 показов

Ошибка No context provided: useLeafletContext() can only be used in a descendant of <MapContainer> при тестировании компонента карты

Пишу тест компонена на jest который рендерит карту и на карте строит маршрут между двумя точками. Использую ReactLeaflet и leaflet routing machine. Код компонента примерно такой: function Component() {...
Dmitriy Prigulnov's user avatar
0 голосов
0 ответов
61 показ

Перелистывание карты Leaflet.js

Имеется карта Leaflet.js которую пользователь не может передвигать мышкой (нужно чтобы была только одна карта которая не переходит на другую) var map = L.map('map', { dragging: false, ...
Misha's user avatar
  • 17
0 голосов
0 ответов
29 показов

Как создать масштабируемые маркеры leaflet js или альтернативу?

Задача простая: на карте разместить несколько svg-шек по координатам, но хотелось бы не просто изображений, а чтобы у них были свойства типа popup и какие-то event-ы leaflet-овские. Поэтому было ...
survival_suit's user avatar
0 голосов
1 ответ
103 показа

Leaflet React карта отображается кусками

Подскажите, что я делаю не так? Если раскоментировать стили то карта вообще перестает отображатся import { MapContainer, TileLayer } from 'react-leaflet'; import { LatLngExpression } from 'leaflet'; /*...
Михаил's user avatar
0 голосов
0 ответов
22 показа

Как в эффекте Leaflet.MagnifyingGlass для Leaflet отобразить, имеющиеся уже у меня на карте, маркеры и полигоны

На карте я создал маркеры и полигоны, а также добавил плагин Leaflet.MagnifyingGlass. Но не понимаю, как на это "стекло" добавить уже имеющиеся у меня объекты. var mapid = L.map('map', { ...
MucleR's user avatar
  • 1
0 голосов
0 ответов
27 показов

Почему у меня не выводится кнопка в React(leaflet)?

import './App.css'; import { React, useEffect, useState } from 'react'; import { MapContainer, TileLayer, Marker, Popup, useMapEvents, LayersControl } from 'react-leaflet' import markerIconPng from ...
Chopa1's user avatar
  • 3
0 голосов
0 ответов
26 показов

На основе класса L.TileLayer разработать аналогичный CanvasTileLayer, который отображает полученные от сервера тайлы в 1 большой канвас

Необходимо создавать img тайлы и без добавления в dom рисовать их на canvas У меня есть код, который переделывает каждый тайл в canvas, но это не то, что мне нужно. import L from 'leaflet'; class ...
Attato's user avatar
  • 1
1 голос
1 ответ
86 показов

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

Когда я добавляю routingControl на карту (я использую карту от leaflet и leaflet-routing-machine), у меня есть все координаты маршрута в этом объекте: const routingControl = L.Routing.control({ ...
Артем Кабанов's user avatar
0 голосов
0 ответов
34 показа

Создание тайлового сервиса на Python

Я хочу создать тейловый сервис растровых данных tif на Python для подключения его в leaflet по типу openstreetmap, вот так: <script> let map = L.map("map", {center: [31.262218, 34....
niko's user avatar
  • 1
0 голосов
1 ответ
105 показов

Ошибка "TypeError: symbol is not a function at String (<anonymous>)" при использовании Jest

Всем доброго дня. Есть приложение с картографией. Задача протестировать компонент отрисовки карты. В проекте используются React, Redux и Jest. Код теста: import React from 'react'; import { render, ...
Dmitriy Prigulnov's user avatar
0 голосов
1 ответ
149 показов

Leaflet.js найти все линии на карте

Имеется карта на которую добавлены линии подобным образом polyline = L.polyline([[marker.getLatLng().lat,marker.getLatLng().lng], [lat1,lon1]], {color: 'green', id: "line&...
KordDEM's user avatar
  • 916
0 голосов
1 ответ
37 показов

Есть ли способ прекратить работу функции

При нажатии на кнопку у меня выходит окно слева от карты, включается возможность вставки маркера на экран, после закрытия окна возможность вставки маркера должна исчезнуть. Прикрутил его на чекбокс ...
user avatar
1 голос
1 ответ
85 показов

Как изменить триггер для рисования в Leaflet

Всем доброго времени суток! Для проекта используются карты Leaflet. Т.к. клиентская часть - React-приложение, то используется пакет react-leaflet. Для рисования на карте используется leaflet-draw. Все ...
Ivan Kozlov's user avatar
0 голосов
1 ответ
192 показа

Как ставить метку в leaflet при нажатии ЛКМ?

Относительно недавно познакомился с leaflet и сделал свою карту. Мне хочется, чтобы при нажатии ЛКМ по карте, на самой карте появлялась метка. Но главное, чтобы эту метку могли видеть другие ...
Aresei's user avatar
  • 21
0 голосов
2 ответа
156 показов

Как убрать деление карты в leaflet?

Недавно открыл для себя leaflet. Сделал свою карту, но при приближении, моя карта просто делится на несколько карт, но не приблежается. Код HTML и CSS body { background: url("img/Back_index.jpg")...
Aresei's user avatar
  • 21
1 голос
0 ответов
53 показа

отображение заболеваний по областям России в leaflet Rstudio

Я пыталась сделать в RStudio с пакетом leaflet и shiny такое же интерактивное отображение на карте количества заболеваний по России. Мои данные выглядят следующим образом: Сервер: server <- ...
Олия's user avatar
0 голосов
1 ответ
41 показ

Видимость блока в зависимости от значения map.getZoom

На базе библиотеки LeafletJS создал интерактивную карту с отображением меток и точек. Не могу сделать зависимость отображения div'а в зависимости от значения map.getZoom() (значение масштаба карты) ...
Anton.M's user avatar
1 голос
0 ответов
367 показов

Как расположить центр карты leaflet-react согласно геолокации пользователя и определить ее границы?

Всем привет! Моя задача - загрузить карту, центр карты необходимо расположить по местонахождению пользователя. Также необходимо получить границы этой карты. При использовании следующего кода получаю ...
Helen's user avatar
  • 11
1 голос
1 ответ
486 показов

Удаление маркера из кластера. Leaflet.markercluster

Всем привет, как удалить маркеры из кластера? Проблема в том, что когда маркеры сгруппированы их нельзя удалить по условию, но как только эта группировка снимается, то сразу же появляется возможность ...
Danzo Sama's user avatar
1 голос
1 ответ
95 показов

Как в адресе подставить нужные атрибуты (Leaflet)

Подскажите, пожалуйста, как в URL адресе с которого Leaflet тащит тайлы, поставить нужные папки. const url = `http://localhost/maps3/z{z}/0/x{x}/0/y{y}.png` const positron = L.tileLayer(url, { ...
Thr0TT1e's user avatar
2 голоса
1 ответ
290 показов

Автономная карта местности без тайл-сервера

Подскажите, пожалуйста, мне необходимо создать приложение, которое без интернета будет подгружать (автономную) карту какой-то местности и на ней можно будет точками указывать путь (точки будут ...
Thr0TT1e's user avatar
0 голосов
1 ответ
355 показов

Как удалять каждую предыдущую метку в leaflet.js , после добавления новой?

Подскажите, как правильно написать код и удалить предыдущие метки в leaflet ? mymap.on("click", function(e){ let newMarker = new L.Marker([e.latlng.lat, e.latlng.lng]); ...
Олексій Слєпцов's user avatar
1 голос
0 ответов
175 показов

Как в Leaflet отрисовать маркеры через svg

Столкнулся с проблемой отрисовки маркеров в react leaflet. leaflet заворачивает svg иконку в тег img, от чего мне нужно избавиться. В качестве иконки маркера может быть изогнутая стрелка. Нужно, чтобы ...
kroken react's user avatar
0 голосов
1 ответ
143 показа

Как отображать большие координаты в карте (Leaflet)?

Как отображать большие координаты в системе координат в карте (leaflet)? POINT(7945127.97143797 5297067.84665206)
 Берик Сатибалдиев's user avatar
1 голос
0 ответов
57 показов

как правильно вытащить данные из cvs leaflet. Не правильно показывает объекты на карте

в этом коде создается карта и добавляется два стиля карты,методом omnivore вытаскиваю данные из cvs,но почему то все объекты ушли за карту `var map = L.map('mapid', { center: [53.19, 50.02], zoom: 1, ...
Miha's user avatar
  • 73
1 голос
1 ответ
61 показ

leaflet. функция flyTo в forEach срабатывает один раз,хотя должна больше, в чем проблема

у меня есть функция, при вызове программа приближается к каждому объекту на карте каждые несколько секунд, в console.log она как раз и срабатывает нужные 219 раз, но на экране приближается только к ...
Miha's user avatar
  • 73
1 голос
1 ответ
75 показов

проблема с setTimeout

у меня есть функция, при вызове,программа приближается к каждому объекту на карте каждые несколько секунд, в console.log она как раз и срабатывает нужные 219 раз, но на экране приюлижается только к ...
Miha's user avatar
  • 73
1 голос
0 ответов
742 показа

Leaflet сместить векторный слой на яндекс карте?

Использую библиотеку Leaflet, подключил тайлы Яндекса var layer = new L.TileLayer('http://vec{s}.maps.yandex.net/tiles?l=map&v=4.55.2&z={z}&x={x}&y={y}&scale=2&lang=ru_RU', { ...
jamesscreen's user avatar
0 голосов
1 ответ
264 показа

Пытаюсь подключить react-leaflet, но при запуске получаю ошибку SyntaxError:Support for the experimental syntax 'flow' isn't currently enabled (10:8)

К новому react проекту установил react-leaflet, нужны карты. при запуске npm start, выдаёт ошибку: "SyntaxError: D:\Development\JS\SnapServiceClient\snap_service_client\node_modules\react-leaflet\src\...
Sergey K.'s user avatar
  • 2,107
1 голос
1 ответ
124 показа

Leaflet и колесо мышки: шаг Zoom'а

Есть карта, сделанная ни библиотеке Leaflet.js Колесо мыши по дэфолту приближает или отдаляет на 2 зума. Как называется метод в этой библиотеке, что бы исправить 2 на 1 ?
Wlad's user avatar
  • 1,861
0 голосов
1 ответ
81 показ

map.setView получение LatLng через Json

Доброе время суток, задача стоит следующая, необходимо менять центр карты 2GIS при клике по кнопке для этого есть функция map.setView(), она прекрасно работает если есть координаты, например map....
Денис Линник's user avatar
1 голос
1 ответ
177 показов

Получение полигона из geojson - не отображается цвет полигона на карте

Связка wordpres + leaflet В leaflet импортирую файл geojson сгенерированный на geojson.io - параметр fill задан и отображается. "features": [ { "type": "Feature", "properties": { ...
Александр's user avatar
2 голоса
1 ответ
281 показ

Сделать карту на весь экран

Цель: Сделать карту на весь экран без дублирования по горизонтали и верхнего "пустого пространства". Проблема: Вместо дублирования карты появились тайлы "map data no yet available" Говоря конкретнее,...
midnightelf18's user avatar
1 голос
1 ответ
166 показов

Медленно подгружаются полигоны geoJSON на карту leafletjs

есть карта сделанная на leafletjs, задача состояла в том, чтобы выделить определенные регионы. Выделение я сделал используя полигоны которые получаю из geoJSON. Одной из значимых проблем в моей ...
midnightelf18's user avatar
2 голоса
1 ответ
969 показов

добавить панель (pane) (или полигон) на карте Leaflet

есть карта сделанная на leaflet, выглядит она вот так Задача состоит в том, чтобы выделить определенную область на карте, например, всю Россию, под "выделить", имеется ввиду наложить слой (Pane) ...
midnightelf18's user avatar
0 голосов
1 ответ
108 показов

Js не выводит полученные данные в leaflet popup

Вообщем у меня есть функция, очень простая срабатывает клик эта функция обращается на сервер возвращает данные и распихивает по нужным местам, а теперь проблема я вижу что есть данные они отображаются ...
Moonwolf45's user avatar
0 голосов
1 ответ
59 показов

leaflet marker mouseover событие генерируется два раза

При наведении на маркер mouseover отрабатывается два раза, может кто-то сталкивался
Andrey Novak's user avatar
0 голосов
1 ответ
352 показа

Использование тайлов Google Maps в leaflet js

Мне нужно отображать геопозицию агента на карте в своей CRM системе. Могу ли я использовать Google Maps тайлы в leaflet JS в коммерческом продукте? Я подключаю тайлы таким образом: L.tileLayer('http:/...
Dmitriy Saxarov's user avatar
1 голос
0 ответов
19 показов

Перетаскивание OpenStreetMaps сквозь блок

У меня поверх карты OpenStreetMaps находится div. И когда карта перемещается мышкой, то она так же перемещается сквозь блок. Блок как будто прозрачный. Мне нужно, чтоб блок при наведении на него ...
Дмитрий Иванов's user avatar
0 голосов
1 ответ
29 показов

Leaflet contextmenu не закрывается

Никак не могу разобраться почему не пропадает меню при клике вне карты. Меню пропадает только при клике на кнопку меню. var contextMenuItems = []; e.marker_drivers.forEach(function(element) { ...
Lasantie's user avatar
0 голосов
1 ответ
964 показа

Leaflet карта с рисованием полигонов

Может кто знает как подключить Leaflet карту с возможностью рисовать полигоны на карте и потом отправлять координаты на почту (второстепенно). У меня не получается. Надеюсь на вашу помощь!
Khisrav's user avatar
  • 25
0 голосов
1 ответ
950 показов

Почему так криво отображается leaflet карта?

код vue.js компонента <template> <div id="map"> <div id="leaflet-map" class="leaflet-map"></div> </div> </template> <script> ...
Arseniys's user avatar
  • 145
1 голос
0 ответов
170 показов

OSM: плавное перемещение маркера

В своем проекте использую карты OSM. На карте показываются маркеры. Раз в 30 секунд идет запрос до сервера, получаются новые координаты точек и надо их переместить. Сейчас все работает через setLatLng(...
Diefair's user avatar
  • 2,563
0 голосов
0 ответов
175 показов

Почему Leaflet карта не грузиться если аккордеон закрыт?

Использую аккордеон из Vuetify и пакет nuxt-leaflet. Если при загрузке страницы аккордеон не открывать сразу, то карта будет вот в таком виде: Видно только часть, и при навигаций по другим частям ...
Valeriu Vodnicear's user avatar
0 голосов
0 ответов
1k показов

Leaflet map установка и подключение через NPM

Добавляю пакет согласно гайду В файле js ~ import L from 'leaflet' import $ from "jquery" import 'leaflet/dist/leaflet.css' let map; let mLayer; $(document).ready(function () { map = L.map('...
Alex Raspopin's user avatar