All Questions
15
questions
0
votes
0
answers
16
views
Deployment error for Importing/exporting DomUtil
Failed to compile
⨯ ./node_modules/@react-leaflet/core/lib/dom.js
Attempted import error: 'DomUtil' is not exported from 'leaflet' (imported as 'DomUtil').
This error occurred during the build process ...
0
votes
1
answer
251
views
How to achieve digital zooming on javascript or node Js or reactJs environment
What am I trying to achieve?
I have image of map which is tiff image width and height is 1024x1024 px and it will over lap on our map application (React,React_leaflet) at certain zoom level (e.g.18) ...
1
vote
1
answer
452
views
How to render GeoJSON from a nodejs API in react-leaflet?
I am new to developing, this is only my third or fourth project. I'm experimenting with react-leaflet in combination with a node/express API that serves a GeoJSON object from a PostGIS db. I can't get ...
1
vote
2
answers
2k
views
Why is my custom React-leaflet marker not displaying on my map?
I am trying to make a custom marker icon for my leaflet component in react. I am defining an icon class and attempting make the iconURL the location of the PNG I use. The issue that I am running into ...
1
vote
1
answer
2k
views
Event Handlers dosen't work in popups using react-leaflet
Im having an issue in react-leaflet when i try to use an eventHandlers in the popups
my logic is that i want when i hover on the marker it opens a popup and when i hover out the popup it turn to ...
3
votes
1
answer
573
views
React Leaflet: Get objects from MongoDB to Leaflet map as markers (using node.js and express)
I am trying to fetch data from MongoDB (using node.js and express) and show them as markers on a Leaflet map, using react leaflet. However, I always get an error: Unhandled rejection (TypeError): this....
0
votes
1
answer
112
views
How to access a function from another component that is located in another js file by clicking a button in create-react-app?
I have two files index.js and map.js. In map.js I have Kartta component, that contains a leaflet map and a method fetchAll() that creates markers on the map from the coordinates that it gets from API, ...
0
votes
1
answer
2k
views
Heroku app getting 503 reponse when deployed to heroku
I have here an app that displays the location of the ISS on a map, and a user can send a message to the ISS which puts an icon where the ISS was when the message was sent.
It works wonderfully both ...
0
votes
0
answers
46
views
How to put marker of the locations[ ] on leaflet Map in reactjs?
I have been trying to put marker of the locations , of the user saved in mongodb.
//Get Cordinates from ALL Farms
componentDidMount(){
const url="http://localhost:5000/api/users/viewFarm/...
0
votes
0
answers
114
views
isOpen from Leaflet not respond the new status
I try to use the event .isOpen does not update its status when I click on my popup.
Someone know why or know how to do ?
This is my code :
class Map extends React.Component {
constructor(props) {
...
0
votes
2
answers
1k
views
How to use components that use `window` reference in React with server-side rendering?
An example of such component is Pikaday (react-pikaday) that contains in its code this line
hasEventListeners = !!window.addEventListener
but window is not defined on server so when I run the code ...
0
votes
1
answer
102
views
Invalidate proceduraly generated maps
I need to invalidate some react-leaflet maps which are generated after the page loads with this code:
maps = [];
mapData = mapData.map(function(assetf,index){
return(
assetf.map(function(...
0
votes
1
answer
534
views
Leaflet markers not always applying
So I'm using leaflet-react and I need to add some circle markers.
Now this code works...sometimes. On map click a circle marker should be added but sometimes it is not. Seemingly randomly it will ...
-4
votes
1
answer
163
views
How to custom popup style?
I would like to create a new style for recenter the map in popup.
I don't see how do..
Example :
0
votes
1
answer
1k
views
incorporating AnimatedMarker plugin with react-leaflet
I have chosen this plugin because it seems like the best way to animate a marker on a map polyline.
It's not on npm so I just added module.exports = L.animatedMarker to AnimatedMarker.js from the ...