All Questions
1,097
questions
2
votes
1
answer
344
views
How to add react-leaflet map to remixjs app
I'm trying to add a react-leaflet map to a remix app. I created a simple app using the npx create-remix@latest command. I then added react-leaflet using the installation instructions. Now I have ...
1
vote
0
answers
29
views
How do I create a "double" line feature from GeoJSON data with React-Leaflet
I am using React Leaflet to plot a GeoJSON file with several LineString features. I can plot and style them using
<GeoJSON data={lines} style={onEachLineFeatureStyle}/>
where the ...
0
votes
0
answers
41
views
react-leaflet manage close popup on Child Component
I'm trying to make a react-leaflet popup everytime I click a link that changes the marker position in the child component, but it never closes de popup, here's what it looks like on the map component
...
0
votes
0
answers
12
views
how to push React Leaflet's attribution and map controls to the back [duplicate]
what i'm trying to do
the user sees a map, built in React Leaflet / Leaflet.JS. The user can then click a CTA button that pops up a modal. The modal should be the "top layer" of the screen, ...
0
votes
1
answer
69
views
React-leaflet ImageOverlay is not visible in exported PDF using jspdf
I'm using react-leaflet v4.2.1. I'm using it to display not a map but custom image like that
<MapContainer
center={[height / 2, width / 2]}
crs={crs}
bounds={bounds}
minZoom={-5}
...
0
votes
1
answer
298
views
Problem with using google earth engine api with react
I am creating a react app with google earth engine API and leaflet with a Django backend. The backend will be used for computer vision purposes, Google earth engine is to be used to add layers to the ...
0
votes
1
answer
126
views
want to show pin on leaflet map using react js
I am trying to create a map using React JS and a leaflet
but the problem is I am not able to map position on the map
here is my code
import React, { useState } from 'react';
import {
MapContainer,
...
0
votes
0
answers
77
views
Implement Map Tiler Temperature weather layer with leaflet and reactjs
I'm trying to make a temperature overlay on the map but getting an error:
object is not a layer
The desired outcome is as follows:
My Code:
import { useEffect, useContext } from 'react';
import L ...
0
votes
0
answers
114
views
Issue using MapContainer from react-leaflet: TypeError: Cannot read properties of null (reading 'useState')
I'm trying to use React Leaflet to add a map from OpenStreetMap on my website. Everything seems to go well syntax wise, however when I try to use I encounter this error:
Uncaught TypeError: Cannot ...
0
votes
0
answers
110
views
React Leaflet map not Re-rendering
I'm encountering an issue with my React application where the Leaflet map component is not re-rendering even though the data it depends on has changed. Here's the structure of my code:
App.js
let [...
0
votes
0
answers
49
views
Error Adding Marker Clusters & County Boundaries to Leaflet Map
I am able to add all state boundaries to my leaflet map.
But if I try to add clusters I am getting the below error.
Error in /~/components/MapBoundaries.tsx (138:34)
map is not defined
Can you let me ...
0
votes
1
answer
58
views
React Leaflet: Resize point marker not being dragged
A resizeable rectangle in place automatically on the map with some bounds.
when I drag the rectangle, it drags but the resizeable points is still on the same place.
Is there something i am missing ...
1
vote
1
answer
976
views
React-Leaflet: Polyline does not change colour despite colour value in Redux store updating
I have setup a Redux store which contains a hex colour code. I plan to implement a function where users can select a colour which the line will appear as. However, when the I used the selector to ...
0
votes
0
answers
63
views
How to Insert React Component Inside `leaflet-overlay-pane` using react-leaflet (core)?
I'm working on a project where I'm using react and react-leaflet to create a map application. I have a requirement to insert a custom React component, wrapped in a <div>, inside the leaflet-...
0
votes
1
answer
98
views
Dynamically change the background color of the TileLayer attribution
I have created a component that contains the map and changes the map for dark or light mode.
How can I dynamically change the color of the attribution? There's any props or style key that i can use ?
...