1,383 questions
1
vote
1
answer
159
views
How to make a component show on top of MapContainer?
I have a react app that uses React-Leaflet. The Application renders a map, and on top of the map there should be a component that shows a modal. Instead, the modal is shown underneath the map. How can ...
-1
votes
1
answer
106
views
React React-leaflet and MarkerClusterGroup, can't access property "useState" error
i have more than 13300 points of interests to show on a map.
i have created a app with starter react app, react-leaflet and react-leaflet-markercluster
but i have this error "can't access ...
0
votes
0
answers
131
views
React Leaflet Polyline keeps re-rendering and flickering during map interactions (zoom/pan) - how to make it stable?
I'm using React Leaflet to display a map with vehicle tracking points connected by a Polyline route. The issue is that when I zoom in/out or touch/drag the map, the Polyline route keeps re-rendering ...
0
votes
1
answer
81
views
How can I refresh the Map view when I return to it
I am developing a iOs/Android App with React Native
I have a Map view (OpenStreetMap) where weather stations are showed in a cluster.
The default map zoom is 12 and the default center position of the ...
0
votes
0
answers
153
views
How to Make Leaflet Work Fully Offline in React Without Storing Tiles Locally?
I’m working on a React + Leaflet mapping solution for Dynamics 365 CRM. I’d love your help understanding how to truly support offline maps in Leaflet using React — without manually storing tiles.
I’ve ...
0
votes
0
answers
122
views
Facing type issues in node modules ../../node_modules/@types/leaflet/index.d.ts:2504:60 - error TS1109: Expression expected
I am getting error while creating the build for my app. But even trying multiple solutions like skiplibcheck, @ts-ignore, @ts-nocheck, upgrading and downgrading the version of react-leaflet library ...
2
votes
1
answer
1k
views
Map does not load properly using React Leaflet
I tried using React Leaflet example and but it does not render map correctly. My code is as it follows:
import './App.css';
import { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet';
...
3
votes
0
answers
151
views
Is it possible to use react leaflet in expo web static rendering?
I have a React Native app developed with Expo, and it includes a Map component that renders a Leaflet map inside a WebView (for mobile).
For the web version (Map.web.tsx), I’m trying to use react-...
0
votes
0
answers
81
views
React-Leaflet Focus on Click
Subject: Map Dragging Causes Unexpected Focus/Pop-Out
Problem:
My map (within a card) in my GTAV LiveMap project "pops out" or gains focus when I click and drag. I want it to drag smoothly ...
0
votes
0
answers
101
views
Add CSS gradient to react-leaflet Rectangle
I am using the react-leaflet component <Rectangle /> and I am trying to add a CSS gradient (regarding opacity) to it.
AFAIK I need to create a <defs><linearGradient {...} /></defs&...
1
vote
1
answer
238
views
Leaflet-MarkerCluster refreshClusters() not working as expected
I can't get my custom Leaflet ClusterIcon to update when Marker data changes. The Markers have a custom option (let's call it isLight) and I need changes to that option to be reflected in the ...
0
votes
1
answer
143
views
flyTo function not working with dynamic position
I'm working on a react project, where I display some markers on a leaflet map. I added two buttons on my map. One of them should fly to the position of the selected marker, when I click it. Therefor I ...
0
votes
1
answer
182
views
react-leaflet-markercluster export not defined
Uncaught ReferenceError: exports is not defined
webpack://project/./node_modules/react-leaflet-markercluster/dist/cjs/index.js?:5
js http://localhost/js/bundle.js:1885
import React from 'react';
...
0
votes
1
answer
488
views
Leaflet not loading all the tiles
I am facing some issue while integrating leafet into my react library, sometimes on refresh, the network call is not being made to all the tiles which at the end doesn't load the entire map and just a ...
0
votes
1
answer
203
views
Leaflet map is unexpectedly zooming out to the world view
I am trying to integrate leaflet in my react library, but the issue i am facing is that even though i have set initial bounds and zoom set for the MapContainer, sometimes on page reload the map zooms ...