#leaflet #react-leaflet
Вопрос:
Я использую подсказку внутри кругов, чтобы показать информацию об этой области. Поэтому я отображаю на карте целую кучу кругов
{infos.map((info) =gt; { return lt;infoCircle info={info}/gt; })} Затем у меня есть функция, которая должна возвращать все эти круги с подсказкой внутри них в нужном радиусе, расположении и цвете
import { MapContainer, TileLayer, Marker, Popup, Circle, Tooltip } from 'react-leaflet' import 'leaflet/dist/leaflet.css'; import {useMemo} from "react"; function infoCircle(input) { let info = input.info let pathOptions = { color: 'black', fillColor: 'grey' } switch (info.type) { case 'tourist': pathOptions = { color: 'blue', fillColor: 'blue' } } return ( lt;Circle center={notam.location} pathOptions={pathOptions} radius={info.radius}gt; lt;Tooltip opacity={1}gt; {info.info}lt;/Tooltipgt; lt;/Circlegt; ) } export default infoCircle; Проблема в том, что при загрузке страницы… все круги, которые появляются сразу, не имеют функциональной подсказки и, следовательно, ничего не показывают… но когда я перемещаю карту и пытаюсь посмотреть на другие круги, у них есть функционирующие всплывающие подсказки, и в конечном итоге всплывающая подсказка для разорванного круга снова начнет работать … это что-то вроде расового состояния… или я просто плохо программирую?