Вопросы по теме '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 просмотров
schedule
29.08.2023
Отображать круг реакции-листовки поверх всплывающей подсказки маркера
Я использую маркер 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 просмотров
schedule
10.05.2022
Ссылка react-router-dom не работает в пользовательском всплывающем окне реагирующей листовки
На самом деле, я использую реагирующую листовку с настраиваемым всплывающим окном, когда я пытался использовать в ней компонент связи react-router-dom, чем получил ошибку
"leaflet": "^1.4.0",
"leaflet.markercluster": "^1.3.1",
"react": "^16.5.2",...
193 просмотров
schedule
12.12.2022
Невозможно удалить маркеры на карте многоугольника листовок
Я создал многоугольную карту с помощью 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