I want to render many custom (svg) markers on my map. After my initial research I found a couple of approaches, but none of these seem to be applicable in my case. I’m using ionic/angular 5.0.0 and leaflet 1.7.1. This is what I have: I’d like to replace or customize the leaflet circleMarker with my svg or find a performant
Tag: leaflet
Circle getBounds() method fails in Leaflet
I have: but calling getBounds() on circle fails: It fails inside function getBounds in Circle.js which is Leaflet code, The Leaflet getBounds method code is: Trying to access this._map.layerPointToLatLng fails I get the error that this._map is undefined Any ideas? =================================================== Please Note: I also have a polygon defined, and calling the getBounds() on the polygon passes fine and works
How do I clear a leaflet map in react so I can map fresh data?
I am attempting to clear a leaflet map in react when fetching new data to map, and i am unsure how to approach this. I saw this post but not sure how exactly to apply it. Right now I have a function that fetches 1 of 2 geojsons I have loaded. App.js This is merely a test to get the
React-Leaflet/React-Routing-Machine: Remove route and waypoints
I am using the following packages for my map: Essentially I have a Routing machine component which I’ve integrated with my Map and Markers i.e. (upon clicking two points on the map you get the route) you can drag each and the route updates! However at this point I have a button which resets everything, clears the markers, the associated
React-Leaflet Map doesn’t update
My issue is that react-leaflet <MapContainer> doesn’t center on a position that I set dynamically. The basic logic is that I have a form where I enter Street and House Number, then I make call for Nominatim and get some JSON format data, from where I extract latitude and longitude of a building. These lat and long I pass to
find nearest point and show properties from nearest point into user created marker in Leaflet
Example I’m trying to find the nearest markers on a map of a specific location with Leaflet, want to show popup info on user created marker which is find nearest point, popup info should be include with nearest point properties from the geojson data layer. example maker.bindpopup(feature.properties.name).addTo(map) Answer Try this:
My app does not want to re-render, however the list in the context does
Short story: I am making my own GIS (geographic information system) and want to be able to upload JSON files with geographical data. I do not however want to save files in a database, just in a list. Furthermore I’m using Context to send data to the (leaflet) component. When I upload new JSONs to the layerList it gets updated
leaflet input search outside of the div map (re-make)
i have a little problem, i’m working on Leaflet maps and i have no idea how could i do that my input search, shows the same results as the input search inside the map, i have looking for answers and some examples, even in the same leaflet documentation, and i cant find anything clear, i hope you can help me
How to add titles on leaflet’s layer control selection using react?
I am using Leaflet JS with Bing map. I need to add titles on top of Type 1 Layer and Category 1 overlays selection, displayed on right top of Map. I could not see any documentation for the same. Can someone help me. My layers are, Base Layers: Default and English Overlays: Type 1 Layer, Type 2 Layer, Category 1,
How can I use leaflet-semicircle with vue2-leaflet in a VueJS project?
I use Vue2Leaflet and Leaflet-semicircle. I don’t have a problem when using Vue2Leaflet, but I don’t know how to use Leaflet-semicircle in my VueJS project. Answer I resolved this problem: I just didn’t have L function from leaflet