All Questions
9
questions
0
votes
1
answer
106
views
React Leaflet Material UI divIcon not styled
In React Leaflet, I am trying to use divIcon to render a custom Material UI marker that takes in a background color prop. However, when the marker is used in leaflet, the background style is not ...
0
votes
0
answers
48
views
React leaflet does not show anything
I tried for many hours but nothing shows up on the following code...
Does anyone know what the failure is?
// material-ui
import { TileLayer, MapContainer } from 'react-leaflet'
import 'leaflet/dist/...
1
vote
1
answer
2k
views
How to expand MaterialUI Accordion by clicking on a separate component in React?
I have a map with 5 markers on it and accordion with 5 elements on the side. Each marker has a corresponding accordion.
I want to click on a marker and expand the corresponding accordion. Both ...
2
votes
1
answer
890
views
React-MUI add exception for ClickAwayListener
Hi I'm new to MUI and I am trying to use ClickAwayListener API in my project but I cant figure it out .
as you can see my project here in codesandbox:
https://codesandbox.io/s/react-leaflet-icon-...
0
votes
0
answers
715
views
React Leaflet map shows some extra blank space after collapsing MUI Drawer
I'm creating a React Js app using MUI as the core component and React Leaflet as the map container.
There is some extra blank space (a UX issue) with the React Leaflet map after when the MUI Drawer is ...
4
votes
3
answers
777
views
React/Material-UI Slider/Leafet stopEventPropagation
I am trying to create a leaflet map control with a material-ui slider using react. For some reason when I drag the slider it also drags the map. When I try to disable click/mousemove propagation on ...
1
vote
0
answers
266
views
Material-ui v4 select component not working with leaflet-sidebar
I've encountered an issue whereby the select component of material-ui v4 doesnt display the dropdown when its placed inside the leaflet map sidebar component. However the select dropdown works outside ...
0
votes
1
answer
4k
views
How to call fitBounds and getBounds in react-leaflet?
I cannot figure out how to call fitBounds() on the Leaflet map.
Basically, I am trying to display multiple markers on the map and have the view adjust accordingly (zoom in, zoom out, fly to, etc.). i ...
0
votes
1
answer
1k
views
Why is "ripple effect" from Material-UI not visible when used in Popup (inside Leaflet map)?
I'm trying to put Material-UI Button inside Popup (Leaflet library).
When I'm doing it outside Popup => everything works fine, each button click triggers ripple effect.
When I'm trying to put the same ...