I am working on a personal project using LeafletJS and Vue3. I want to change the default marker icon so I copied the png file directly into the same file as my script and created a new Icon as shown…
I have a .json file of points to put on a Leaflet map, and I have used the proj4js to convert them from the EPSG 3946 projection into the WGS84 EPSG 4326 one. All worked, but the points are not…
I am currently working on a trail mapping Next.js react app where I fetch data from OpenStreetMap and illustrate trails on a map using leaflet polyline. Some trails have the tag oneway= 'yes' which I would like to represent visually…
I have a map with a lot of Markers imported from GeoJSON via AJAX and I can't get filtering to work. There are 3 checkboxes and any combination of them can be checked. Each Marker has a property called "types"…
Hello I am building an app which uses the library leaflet.heat. In order to be used it has to be imported as follows: import * as L from 'leaflet'; import 'leaflet.heat'; ... // Then it can be used: private addHeatmapToMap(heatmapData:…
I am using fluttermaps to get the basic osm(open street map)layer to appear. it works but I am trying to add more options. Does anyone have any tips on where to go. I have this so far and its working…
I'm facing an issue with my HTML/CSS layout where the map element (#map) is not displayed on smaller screens, while the map settings (map-settings) are visible. Here's a simplified version of my code: <!-- index.html --> <!DOCTYPE html> <html lang="en">…
I am trying to render leaflet markers using React Leaflet with data fetched from an API using useEffect. The markers are not showing up despite the location data being non-null at the time of declaring the marker (supposedly, through the…
I'm trying to create a smooth zoom in my react-leaflet project. I know that this is doable with vanilla leaflet as said in this post, with smoothWheelZoom, but knowing that vanilla leaflet does not goes well with React, I'm wondering…
i need help i am trying to show the map of tunisia at the map there is nothing shown , this my code of javascript : ` <script> $(function () { var polygon = null; var draggable = true; initialize();…