Skip to main content
Filter by
Sorted by
Tagged with
1 vote
1 answer
50 views

I'm returning to leaflet.js and I am unable to render the map with the tutorial from "Leaflet Essentials" When I save the file as an .html and open it, there is a blank webpage. I assumed it ...
Dave Diggler's user avatar
Tooling
0 votes
2 replies
92 views

I am building an alumni networking web application where I want to display alumni locations on a global map along with a sidebar list. I want to implement the following features: A world map with ...
Ganesh Kumar's user avatar
0 votes
0 answers
79 views

I've been building a react component which uses Leaflet.js. I have a custom map image which ive put in as an ImageOverlay. I'm capturing map points from a different system and calibrating the ...
brrradley's user avatar
0 votes
0 answers
25 views

I am using leaflet.js to create a map and add a select box to the map. That works, but the change event, which used to work, does not work anymore. I start by creating the two objects that I need, the ...
Jim's user avatar
  • 133
Advice
0 votes
0 replies
81 views

I have followed the instructions for installing Mapnik, PostgreSQL, OSM2pgsql, etc as detailed here: https://switch2osm.org/serving-tiles/manually-building-a-tile-server-ubuntu-24-04-lts/ However, the ...
Dave Coventry's user avatar
2 votes
1 answer
99 views

I'm working on an interactive mapping tool using shiny and leaflet which will allow users to navigate through various filters, basemaps, shapefiles, and point data. The problem I am running in to ...
Morrigan's user avatar
0 votes
0 answers
55 views

I created some pmtiles files. I used tippecanoe and ogr2ogr, with various settings. My goal is: show the files with protomaps-leaflet.js. I already have some leaflet projects with basemaps, geojson ...
iranon's user avatar
  • 1
3 votes
1 answer
123 views

Working on a leaflet map with a large number of groups that creates a bulky legend. To trim down the legend, I'd like to hide it away in the Layers Control with customizeLayersControl from the leafem ...
Molly Westbrook's user avatar
1 vote
1 answer
130 views

Context I’m embedding a Leaflet map inside an iOS app using WKWebView (BeeWare/Toga, but this seems WebView-level rather than framework-specific). Problem Leaflet’s default marker icon and shadow ...
rjen's user avatar
  • 2,016
2 votes
0 answers
51 views

I have this map: <l-map ref="mapRef" :use-global-leaflet="false" > and wanted to fit the map based on bounds which calculated in this way: bounds.extend([lat, lng]); ...
Navid's user avatar
  • 943
0 votes
1 answer
105 views

I’m using Vue-Leaflet + Leaflet to display dynamic CircleMarkers whose styling depends on reactive Vue state. When a marker enters the list, it should fade in via CSS. When it leaves the list, it ...
Arne Witteler's user avatar
1 vote
1 answer
90 views

I have a React application that uses React leaflet to render a map and I can draw a polygon on the map using a function I've written. I want to submit the polygon that's drawn to an SQL database and I ...
Adimirio's user avatar
0 votes
0 answers
74 views

I build layers based on L.vectorGrid.protobuf(). Each layer has interactive: true. Each works perfectly for click, mouseover and mouseout, but only in isolation. When I have multiple layers only the ...
perplexed's user avatar
1 vote
0 answers
130 views

This part of code should rule popups behaviour if (isMobile) { map.on('popupopen', function (e) { const popup = e.popup; const el = popup.getElement(); if (!el) { // Se l'...
Andrea Sacconi's user avatar
1 vote
0 answers
31 views

I am integrating the leaflet-side-by-side plugin into a large existing Leaflet WebGIS application (InMap) that uses Bootstrap/jQuery and has complex layer management (L.control.autolayers). Despite ...
Nicholas Gerade's user avatar
Advice
0 votes
0 replies
78 views

I used to have a wiki on Fandom but the service doesn’t like it if you have a private wiki, so I asked the WikiTeam on GitHub, who are not affiliated with Fandom, to export dump my entire wiki on ...
warrenwoodhouse's user avatar
2 votes
1 answer
134 views

I have a React application that lets a user draw a polygon using the following code: function handleClickToggleDrawing(): void { map.pm.enableDraw('Polygon', { snappable: true, ...
Adimirio's user avatar
-1 votes
1 answer
91 views

I am working on a react application and I want to show a color picker in a modal, but the color picker doesn't work. It's rendered to the screen, but the user can't change colors. Could I get some ...
Adimirio's user avatar
1 vote
1 answer
247 views

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 ...
Adimirio's user avatar
0 votes
1 answer
146 views

I have a map that I've made in React Leaflet which lets the user draw polygons, and i want the user to be able to click on the polygon and render a modal which lets the user name the area that's ...
Adimirio's user avatar
Advice
1 vote
4 replies
99 views

I am taking advantage of StackOverflow's new "General advice" question type to present my use case and ask for technical guidance. I am a Data Scientist with several years experience in ...
Antoine101's user avatar
3 votes
1 answer
147 views

With the following code one can generate a leaflet map: library(leaflet) library(mapview) library(dplyr) library(sf) bbox <- st_bbox(my_polygon) print(bbox) xmin ymin xmax ...
Romina Silvera's user avatar
-1 votes
1 answer
134 views

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 ...
Elshindr's user avatar
0 votes
1 answer
64 views

I'm working on a Shiny app with a leaflet map that allows users to change names of points using popups. The idea is that you can click on a point, see the name and edit its textInput. The problem is ...
Victor Cz's user avatar
  • 124
0 votes
1 answer
128 views

I'm trying to implement a feature that lets the user draw polygons on a map in a react application that uses react leaflet as the map library. The drawing sort of works, but placing the vertices is ...
Adimirio's user avatar
-1 votes
1 answer
63 views

Sometimes I need to have more than one LeafletJS map on the same page. That is, I instantiate two or more LeafletJS Map objects which they share the same geographical vicinity (say 200km x 200km) but ...
bliako's user avatar
  • 1,233
0 votes
0 answers
179 views

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 ...
HASAN SALEM AEMED AL-SAKKAF's user avatar
-2 votes
2 answers
123 views

Problem I have a React app using Leaflet.js (v.1.9.0) and I host it in Vercel. Building works OK, but when visiting my app online logs this message in console: Uncaught ReferenceError: require is not ...
LoukasPap's user avatar
  • 1,348
0 votes
0 answers
94 views

I'm trying to figure out how to use Leaflet.js that's inside the ACF Openstreetmap Field Plugin. I found a code that was helpful and I was able to modify to display the map on my wordpress website. ...
Kristina Bressler's user avatar
0 votes
0 answers
78 views

I want to create an interactive map with a heatmap layer on it. The color should reflect a score which is calculated from the distance to coordinates. The coordinates are amenities (like public ...
pas-calc's user avatar
  • 310
-1 votes
1 answer
205 views

I'm making a custom map for leaflet using vue 3. It only loads 4 tiles in a row( loads more tiles when i zoom, but within that same area, equivalent to the initial 4 tiles) - it does seem to load more ...
RedMur's user avatar
  • 7
0 votes
0 answers
97 views

I’m using the Autodesk Forge Viewer on 2D sheets. Markups are authored in Leaflet space and need to display in PDF/Vector space (i.e., when switching to PDFLoader). I have two scenarios: Both loaders ...
Luis's user avatar
  • 15
0 votes
0 answers
68 views

I am following some code examples to plot time aware coordinates on a folium map using the folium.plugins.TimestampedGeoJson method. As in the example, I'm using a for-loop to tie coordinates and ...
osprey's user avatar
  • 797
0 votes
0 answers
44 views

I'm making a page for searching public pianos around the world. To point out where the pianos are and what condition are they in im using leaflet markers with diffent colors. My problem is that in ...
ElJugaZrc's user avatar
1 vote
0 answers
60 views

I have a fairly simple leaflet map, on which I display several polylines. to which I bind popups. I use the default SVG renderer, and it works well, the mouse pointer turns to cursor when I hover a ...
elcye's user avatar
  • 423
0 votes
1 answer
123 views

I'm trying to create custom SVG markers using L.svgOverlay in Leaflet. The markers are implemented as SVG <g> elements. They work correctly when I zoom in and out: they stay at the correct ...
Manfred Neumann's user avatar
0 votes
1 answer
103 views

I have built a leaflet application and imported a shapefile to define various locations. I then have a list of the defined regions on the left side and each region has some clickable icons on them. ...
EagleEye1812's user avatar
1 vote
0 answers
84 views

I've been working on creating a map with dozen of grouped markers, it works fine for the most part, but in these two scenarios markers stop working: When browser zoom is above 100% (for me, 150% ...
reset5's user avatar
  • 13
0 votes
1 answer
107 views

I am trying to display a LeafletJS map along with some other divs with tabular data but the map does not show. When I have only the themap div in my HTML the map appears fine: ... <style> html, ...
bliako's user avatar
  • 1,233
0 votes
0 answers
116 views

I'm unable to display on screen or terminal the data from an on click event on a Folium/Leaflet map within a NiceGUI interface. As per Folium API I've been able to display coordinate clicks on the map ...
DrewGIS's user avatar
  • 73
0 votes
0 answers
89 views

The tile slicing rules of map services like Google, Gaode, and OpenStreetMap (OSM) differ from those of Baidu Maps primarily in two aspects: Origin of the Tile Coordinate System: For Google, Gaode, ...
Doctor.Who.'s user avatar
0 votes
0 answers
180 views

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 ...
Nilesh Khonde's user avatar
0 votes
0 answers
164 views

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 ...
Hardik Panwar's user avatar
0 votes
0 answers
62 views

I did not find an answer, so I hope it's a new question. I'm using react-leaflet and react-leaflet-draw in a UI, and I want to define a polygon that includes one or more holes (inner rings). Example ...
Luc's user avatar
  • 43
0 votes
0 answers
52 views

I currently have 3 JavaScript files displaying GeoJSON as overlays on my Leaflet Map. How can I group them together to have just one toggle button in the Layer Controls? Overlay 1 is Building Overlay ...
Tim Stoker's user avatar
2 votes
1 answer
164 views

Currently my code looks like this: import dash from dash import Output, Input, State, html, no_update import dash_leaflet as dl import osmnx as ox import json from numpy import dtype # Style-Funktion ...
Rauschy's user avatar
  • 23
0 votes
0 answers
91 views

I have a feature in this Drupal system I'm working on which has a map view (using Leaflet) that shows all terms under "Location" with the polygon as the highlighted area of the location. It ...
itskarendesu's user avatar
1 vote
1 answer
91 views

I'd like to show subtitles in the control box for overlay groups of a leaflet map created in R. I found some examples (for instance https://github.com/ismyrnow/leaflet-groupedlayercontrol) but not ...
Victor Cz's user avatar
  • 124
0 votes
0 answers
106 views

I'm trying to write a simple file for testing Leaflet Plugin "Leaflet Custom Headers". Some discussion about the Plugin's purpose has been written here: https://github.com/Leaflet/Leaflet/...
ppete's user avatar
  • 91
0 votes
1 answer
205 views

I have an html, css, js project with a map using leaflet. Sometimes location works but most of the time I get errors. Here is my JS code: onst map = L.map('map').setView([30, 0], 3); L.tileLayer('...
stucklucky's user avatar

1
2 3 4 5
256