Вопросы по теме 'react-leaflet'

TileLayer отображается в другом порядке (с использованием библиотеки React-Leaflet)
Я пытаюсь создать простое веб-приложение, используя буклет из библиотеки. У меня такой код: import React from 'react'; import { Map, Marker, Popup, TileLayer } from 'react-leaflet'; class LeafletMap extends React.Component { constructor() {...
874 просмотров
schedule 16.11.2022

Как сослаться на слой-листок компонента React-Leaflet?
Я использовал response-leaflet , чтобы визуализировать довольно длинный путь на карте. Пользователи могут выбирать из списка, и я хотел бы иметь другой цвет для выбранного пути. Изменение состояния и повторный рендеринг происходит слишком медленно,...
7057 просмотров
schedule 30.03.2022

Рекламный буклет как сбросить стиль
Я следую руководству Leaflet по Choropleth http://leafletjs.com/examples/choropleth.html и с помощью response-листовки. Мне удалось установить стиль без каких-либо изменений исходного исходного кода, и он работает. highlightFeature(e) { var...
1890 просмотров
schedule 01.01.2024

Всплывающее окно реакции-листовки содержит ссылку реакции-маршрута
Мое приложение использует react-leaflet для создания карты с маркерами и всплывающими окнами. А мне нужно дать ссылку на другую страницу из Popup по <Link/> компоненту из react-router . /* app.js */ import React from 'react'; import {...
1042 просмотров
schedule 23.10.2022

Брошюра: Контейнер карты не найден
У меня есть приведенный ниже класс реакции, который извлекает геолокацию через браузер. Я составляю карту листовки. Я хочу, чтобы геолокация использовалась в качестве входных данных для setView, чтобы карта «приближалась» к области расположения...
60276 просмотров
schedule 02.05.2023

Визуализировать векторные плитки mapbox внутри React-Leaflet?
Есть ли способ использовать векторные плитки из листовки с реакцией ? Мне известно о Leaflet.VectorGrid , но он не написан для листовки-реакции?
4626 просмотров
schedule 23.02.2022

React Leaflet: динамическое добавление маркеров
Как динамически добавлять маркеры в карты React-Leaflet? Я хочу добавлять новые маркеры, когда пользователь нажимает на карту. И я не могу заставить его работать. import React, { Component } from 'react' import { render } from 'react-dom';...
22250 просмотров
schedule 18.04.2023

Рендеринг компонентов React внутри всплывающего окна слоя React-Leaflet-Draw на React-Leaflet
Я пытаюсь визуализировать некоторые реагирующие компоненты внутри слоя, созданного react-leaflet-draw . Это моя попытка: _onCreate(e) { var layer = e.layer layer.bindPopup( <Content>...
7685 просмотров
schedule 16.03.2022

Значок поворота React-Leaflet
В моем старом приложении-буклетах я использовал этот код , чтобы повернуть значок, и он работал отлично. Теперь я пытаюсь переместить код в response-листовку, но не могу понять, как это применить. Я знаю, что это должно быть возможно с помощью...
2332 просмотров
schedule 25.02.2022

искаженное изображение карты при использовании реактивной листовки
Вот мой код: import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import fetch from 'node-fetch'; import PropTypes from 'prop-types'; import { Map, TileLayer } from 'react-leaflet'; export default class...
781 просмотров
schedule 29.09.2022

React-Leaflet-сопоставление списка графиков с маркерами
У меня есть карта React Leaflet, которая отлично отображается. У меня есть список графиков в состоянии, которые выглядят нормально (я могу увидеть их, если посмотрю на состояние компонента. Каждый график имеет свойство многоугольника GeoJSON....
1208 просмотров
schedule 31.08.2022

Реализация окна поиска React-Leaflet
Есть ли какие-либо ресурсы, показывающие реализацию окна поиска с помощью листовки с реакцией? Я бы хотел, чтобы мои метки карты отображались в результатах поиска , которые будут запрашивать и извлекать мои существующие данные. ie: const...
5523 просмотров

Отображать круг реакции-листовки поверх всплывающей подсказки маркера
Я использую маркер react-Leaflet, чтобы показать текст на карте (какой-то хак) Это все хорошо, но если текст находится рядом с каким-то компонентом круга, компонент круга не связывает событие наведения мыши. Я показываю маркеры на этом пути...
1645 просмотров
schedule 26.04.2022

Как сделать эллипс в react-leaflet?
Я пытаюсь нарисовать эллипс на карте, сделанной с использованием react-leaflet , которая имеет встроенную поддержку кругов и прямоугольников. Для этого я использую код для создания эллипса в (без реакции) leaflet из здесь , который я...
624 просмотров
schedule 10.04.2022

стиль реакции-листовки geojson, адаптированный для каждой функции
Я новичок в реакции и пытаюсь превратить мою карту-листок в компонент-лист-лист. Компонент состоит из слоя тайлов и слоя geojson (набор объектов полигонов). Я могу получить их в своем приложении, но не могу понять, как создать стиль для слоя...
4701 просмотров
schedule 08.06.2023

Как переключить всплывающее окно в реагирующей листовке при наведении мыши
Я перепробовал все, что нашел в Google, и не могу понять, как вызвать всплывающее окно. <Marker position={this.props.position} onMouseOver={() => { openPopup() }} onMouseOut={() => { closePopup() }} > <Popup> "HI"...
5768 просмотров
schedule 22.04.2023

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

Ссылка react-router-dom не работает в пользовательском всплывающем окне реагирующей листовки
На самом деле, я использую реагирующую листовку с настраиваемым всплывающим окном, когда я пытался использовать в ней компонент связи react-router-dom, чем получил ошибку "leaflet": "^1.4.0", "leaflet.markercluster": "^1.3.1", "react": "^16.5.2",...
193 просмотров

Невозможно удалить маркеры на карте многоугольника листовок
Я создал многоугольную карту с помощью response-листовки. Я могу создать его, а также могу создавать маркеры, выбранные в раскрывающемся списке множественного выбора на карте. Однако я не могу удалить выбранный маркер [или любые маркеры] в этом...
719 просмотров
schedule 16.04.2023

Как смоделировать щелчок по маркеру React-Leaflet в моих модульных тестах?
У меня есть пример реализации карты-листовки, которая отображает карту и маркер, на который можно щелкнуть. import React from 'react'; import { Map, TileLayer, Marker } from 'react-leaflet'; export default class ScoutPlayers extends...
1044 просмотров
schedule 14.02.2023