Вопросы с меткой [leafletjs]
Руководство по использованию метки leafletjs отсутствует.
77
вопросов
0
голосов
0
ответов
18
показов
Как в react-leaflet при клике на карту получить адресс (улицу, дом и т.д.)?
Необходимо чтобы при клике на карту отображался адрес (улица, дом и т.д).Сейчас при клике у меня есть широта и долгота.
Как это реализовать? Отправлять запрос с широтой и долготой?
0
голосов
0
ответов
21
показ
Какой картографический движок лучше: Google Maps, OpenStreetMaps или MapBox для адаптивного веб-сервиса?
Вопрос адресован знатокам ГИС и движков Google Maps, Map Box, Open Street Maps.
На каком движке лучше реализовать картографический веб-сервис с точки зрения:
отрисовки и нанесения слоев;
...
0
голосов
1
ответ
32
показа
Как сделать "клик на маркере -> карта центрируется и меняет масштаб, второй клик -> обратно"? React, Leaflet
По этой ссылке карта с несколькими маркерами. По клику по любому маркеру карта увеличивает масштаб и центрируется. Как сделать, чтобы по второму клику на этом же маркере карта возвращалась в прежний ...
0
голосов
0
ответов
17
показов
Как графически выделить на карте Leaflet маркер по клику?
Как можно графически выделить по клику маркер?
Popup и Tooltip не подходят.
Искал backline (подсветка), underline (подчёркивание) - не нашёл. Какие ещё могут быть варианты?
Можно менять стандартную ...
0
голосов
1
ответ
46
показов
Не получается завести проект React + Typescript + Leaflet
Создал проект в VS как Standalone TypeScript React Project + leaflet.
Пытаюсь завести проект в простейшей конфигурации, поднять простейшую карту и потом уже усложнять.
App.tsx
import React from 'react'...
0
голосов
0
ответов
18
показов
Ошибка No context provided: useLeafletContext() can only be used in a descendant of <MapContainer> при тестировании компонента карты
Пишу тест компонена на jest который рендерит карту и на карте строит маршрут между двумя точками. Использую ReactLeaflet и leaflet routing machine. Код компонента примерно такой:
function Component() {...
0
голосов
0
ответов
61
показ
Перелистывание карты Leaflet.js
Имеется карта Leaflet.js которую пользователь не может передвигать мышкой (нужно чтобы была только одна карта которая не переходит на другую)
var map = L.map('map', {
dragging: false,
...
0
голосов
0
ответов
29
показов
Как создать масштабируемые маркеры leaflet js или альтернативу?
Задача простая: на карте разместить несколько svg-шек по координатам, но хотелось бы не просто изображений, а чтобы у них были свойства типа popup и какие-то event-ы leaflet-овские. Поэтому было ...
0
голосов
1
ответ
103
показа
Leaflet React карта отображается кусками
Подскажите, что я делаю не так? Если раскоментировать стили то карта вообще перестает отображатся
import { MapContainer, TileLayer } from 'react-leaflet';
import { LatLngExpression } from 'leaflet';
/*...
0
голосов
0
ответов
22
показа
Как в эффекте Leaflet.MagnifyingGlass для Leaflet отобразить, имеющиеся уже у меня на карте, маркеры и полигоны
На карте я создал маркеры и полигоны, а также добавил плагин Leaflet.MagnifyingGlass. Но не понимаю, как на это "стекло" добавить уже имеющиеся у меня объекты.
var mapid = L.map('map', {
...
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 ...
0
голосов
0
ответов
26
показов
На основе класса L.TileLayer разработать аналогичный CanvasTileLayer, который отображает полученные от сервера тайлы в 1 большой канвас
Необходимо создавать img тайлы и без добавления в dom рисовать их на canvas
У меня есть код, который переделывает каждый тайл в canvas, но это не то, что мне нужно.
import L from 'leaflet';
class ...
1
голос
1
ответ
86
показов
можно ли получить все координаты маршрута, не добавляя его на карту?
Когда я добавляю routingControl на карту (я использую карту от leaflet и leaflet-routing-machine), у меня есть все координаты маршрута в этом объекте:
const routingControl = L.Routing.control({
...
0
голосов
0
ответов
34
показа
Создание тайлового сервиса на Python
Я хочу создать тейловый сервис растровых данных tif на Python для подключения его в leaflet по типу openstreetmap, вот так:
<script>
let map = L.map("map", {center: [31.262218, 34....
0
голосов
1
ответ
105
показов
Ошибка "TypeError: symbol is not a function at String (<anonymous>)" при использовании Jest
Всем доброго дня. Есть приложение с картографией. Задача протестировать компонент отрисовки карты. В проекте используются React, Redux и Jest. Код теста:
import React from 'react';
import { render, ...
0
голосов
1
ответ
149
показов
Leaflet.js найти все линии на карте
Имеется карта на которую добавлены линии подобным образом
polyline = L.polyline([[marker.getLatLng().lat,marker.getLatLng().lng],
[lat1,lon1]],
{color: 'green', id: "line&...
0
голосов
1
ответ
37
показов
Есть ли способ прекратить работу функции
При нажатии на кнопку у меня выходит окно слева от карты, включается возможность вставки маркера на экран, после закрытия окна возможность вставки маркера должна исчезнуть. Прикрутил его на чекбокс ...
1
голос
1
ответ
85
показов
Как изменить триггер для рисования в Leaflet
Всем доброго времени суток!
Для проекта используются карты Leaflet. Т.к. клиентская часть - React-приложение, то используется пакет react-leaflet. Для рисования на карте используется leaflet-draw. Все ...
0
голосов
1
ответ
192
показа
Как ставить метку в leaflet при нажатии ЛКМ?
Относительно недавно познакомился с leaflet и сделал свою карту. Мне хочется, чтобы при нажатии ЛКМ по карте, на самой карте появлялась метка. Но главное, чтобы эту метку могли видеть другие ...
0
голосов
2
ответа
156
показов
Как убрать деление карты в leaflet?
Недавно открыл для себя leaflet. Сделал свою карту, но при приближении, моя карта просто делится на несколько карт, но не приблежается.
Код HTML и CSS
body {
background: url("img/Back_index.jpg")...
1
голос
0
ответов
53
показа
отображение заболеваний по областям России в leaflet Rstudio
Я пыталась сделать в RStudio с пакетом leaflet и shiny такое же интерактивное отображение на карте количества заболеваний по России.
Мои данные выглядят следующим образом:
Сервер:
server <- ...
0
голосов
1
ответ
41
показ
Видимость блока в зависимости от значения map.getZoom
На базе библиотеки LeafletJS создал интерактивную карту с отображением меток и точек. Не могу сделать зависимость отображения div'а в зависимости от значения map.getZoom() (значение масштаба карты)
...
1
голос
0
ответов
367
показов
Как расположить центр карты leaflet-react согласно геолокации пользователя и определить ее границы?
Всем привет! Моя задача - загрузить карту, центр карты необходимо расположить по местонахождению пользователя. Также необходимо получить границы этой карты. При использовании следующего кода получаю ...
1
голос
1
ответ
486
показов
Удаление маркера из кластера. Leaflet.markercluster
Всем привет, как удалить маркеры из кластера? Проблема в том, что когда маркеры сгруппированы их нельзя удалить по условию, но как только эта группировка снимается, то сразу же появляется возможность ...
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, {
...
2
голоса
1
ответ
290
показов
Автономная карта местности без тайл-сервера
Подскажите, пожалуйста, мне необходимо создать приложение, которое без интернета будет подгружать (автономную) карту какой-то местности и на ней можно будет точками указывать путь (точки будут ...
0
голосов
1
ответ
355
показов
Как удалять каждую предыдущую метку в leaflet.js , после добавления новой?
Подскажите, как правильно написать код и удалить предыдущие метки в leaflet ?
mymap.on("click", function(e){
let newMarker = new L.Marker([e.latlng.lat, e.latlng.lng]);
...
1
голос
0
ответов
175
показов
Как в Leaflet отрисовать маркеры через svg
Столкнулся с проблемой отрисовки маркеров в react leaflet. leaflet заворачивает svg иконку в тег img, от чего мне нужно избавиться. В качестве иконки маркера может быть изогнутая стрелка. Нужно, чтобы ...
0
голосов
1
ответ
143
показа
Как отображать большие координаты в карте (Leaflet)?
Как отображать большие координаты в системе координат в карте (leaflet)?
POINT(7945127.97143797 5297067.84665206)
1
голос
0
ответов
57
показов
как правильно вытащить данные из cvs leaflet. Не правильно показывает объекты на карте
в этом коде создается карта и добавляется два стиля карты,методом omnivore вытаскиваю данные из cvs,но почему то все объекты ушли за карту `var map = L.map('mapid', {
center: [53.19, 50.02],
zoom: 1,
...
1
голос
1
ответ
61
показ
leaflet. функция flyTo в forEach срабатывает один раз,хотя должна больше, в чем проблема
у меня есть функция, при вызове программа приближается к каждому объекту на карте каждые несколько секунд, в console.log она как раз и срабатывает нужные 219 раз, но на экране приближается только к ...
1
голос
1
ответ
75
показов
проблема с setTimeout
у меня есть функция, при вызове,программа приближается к каждому объекту на карте каждые несколько секунд, в console.log она как раз и срабатывает нужные 219 раз, но на экране приюлижается только к ...
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', {
...
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\...
1
голос
1
ответ
124
показа
Leaflet и колесо мышки: шаг Zoom'а
Есть карта, сделанная ни библиотеке Leaflet.js
Колесо мыши по дэфолту приближает или отдаляет на 2 зума.
Как называется метод в этой библиотеке, что бы исправить 2 на 1 ?
0
голосов
1
ответ
81
показ
map.setView получение LatLng через Json
Доброе время суток, задача стоит следующая, необходимо менять центр карты 2GIS при клике по кнопке
для этого есть функция map.setView(), она прекрасно работает если есть координаты, например
map....
1
голос
1
ответ
177
показов
Получение полигона из geojson - не отображается цвет полигона на карте
Связка wordpres + leaflet
В leaflet импортирую файл geojson сгенерированный на geojson.io - параметр fill задан и отображается.
"features": [
{
"type": "Feature",
"properties": {
...
2
голоса
1
ответ
281
показ
Сделать карту на весь экран
Цель: Сделать карту на весь экран без дублирования по горизонтали и верхнего "пустого пространства".
Проблема: Вместо дублирования карты появились тайлы "map data no yet available"
Говоря конкретнее,...
1
голос
1
ответ
166
показов
Медленно подгружаются полигоны geoJSON на карту leafletjs
есть карта сделанная на leafletjs, задача состояла в том, чтобы выделить определенные регионы. Выделение я сделал используя полигоны которые получаю из geoJSON. Одной из значимых проблем в моей ...
2
голоса
1
ответ
969
показов
добавить панель (pane) (или полигон) на карте Leaflet
есть карта сделанная на leaflet, выглядит она вот так
Задача состоит в том, чтобы выделить определенную область на карте, например, всю Россию, под "выделить", имеется ввиду наложить слой (Pane) ...
0
голосов
1
ответ
108
показов
Js не выводит полученные данные в leaflet popup
Вообщем у меня есть функция, очень простая срабатывает клик эта функция обращается на сервер возвращает данные и распихивает по нужным местам, а теперь проблема я вижу что есть данные они отображаются ...
0
голосов
1
ответ
59
показов
leaflet marker mouseover событие генерируется два раза
При наведении на маркер mouseover отрабатывается два раза, может кто-то сталкивался
0
голосов
1
ответ
352
показа
Использование тайлов Google Maps в leaflet js
Мне нужно отображать геопозицию агента на карте в своей CRM системе.
Могу ли я использовать Google Maps тайлы в leaflet JS в коммерческом продукте?
Я подключаю тайлы таким образом:
L.tileLayer('http:/...
1
голос
0
ответов
19
показов
Перетаскивание OpenStreetMaps сквозь блок
У меня поверх карты OpenStreetMaps находится div. И когда карта перемещается мышкой, то она так же перемещается сквозь блок. Блок как будто прозрачный. Мне нужно, чтоб блок при наведении на него ...
0
голосов
1
ответ
29
показов
Leaflet contextmenu не закрывается
Никак не могу разобраться почему не пропадает меню при клике вне карты.
Меню пропадает только при клике на кнопку меню.
var contextMenuItems = [];
e.marker_drivers.forEach(function(element) {
...
0
голосов
1
ответ
964
показа
Leaflet карта с рисованием полигонов
Может кто знает как подключить Leaflet карту с возможностью рисовать полигоны на карте и потом отправлять координаты на почту (второстепенно). У меня не получается. Надеюсь на вашу помощь!
0
голосов
1
ответ
950
показов
Почему так криво отображается leaflet карта?
код vue.js компонента
<template>
<div id="map">
<div id="leaflet-map" class="leaflet-map"></div>
</div>
</template>
<script>
...
1
голос
0
ответов
170
показов
OSM: плавное перемещение маркера
В своем проекте использую карты OSM. На карте показываются маркеры. Раз в 30 секунд идет запрос до сервера, получаются новые координаты точек и надо их переместить. Сейчас все работает через setLatLng(...
0
голосов
0
ответов
175
показов
Почему Leaflet карта не грузиться если аккордеон закрыт?
Использую аккордеон из Vuetify и пакет nuxt-leaflet.
Если при загрузке страницы аккордеон не открывать сразу, то карта будет вот в таком виде:
Видно только часть, и при навигаций по другим частям ...
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('...