12,761 questions
0
votes
0
answers
29
views
React Leaflet(js) Position Issue with ImageOverlay
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 ...
- 11
0
votes
0
answers
21
views
Triggering Change Event in Leaflet and jQuery [duplicate]
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 ...
- 133
Advice
0
votes
0
replies
55
views
How do I reference my own Openstreetmap tiles in Leaflet
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 ...
- 141
2
votes
1
answer
84
views
How do I reactively change legend values inside an R Shiny Leaflet map?
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 ...
- 99
0
votes
0
answers
39
views
How do I create labels for protomaps pmtiles data in Leaflet.js?
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 ...
- 1
3
votes
1
answer
116
views
R's leafem not appending Layers Control with customizeLayersControl(includelegends=T)
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 ...
- 198
1
vote
1
answer
120
views
Leaflet marker icons intermittently disappear (shown as “?”) in WKWebView on iOS, even with data-URI icons
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 ...
- 2,016
2
votes
0
answers
48
views
why bounds in fitbounds of leaflet are not valid?
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]);
...
- 943
0
votes
1
answer
104
views
CircleMarker SVG classes/animations not updating reliably when reactive state changes
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 ...
1
vote
1
answer
87
views
How to find coordinates of a polygons vertices
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 ...
- 61
0
votes
0
answers
69
views
Leaflet.VectorGrid with multiple interactive layers
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 ...
- 45
1
vote
0
answers
128
views
why markers need to be tapped twice to have the popups opening in the right position (inside the leaflet map)
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'...
1
vote
0
answers
27
views
TypeError: L.control.sideBySide is not a function in Leaflet
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 ...
Advice
0
votes
0
replies
73
views
How do I migrate and import my interactive maps from fandom.com to my GitHub repository for use as GitHub Pages
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 ...
2
votes
1
answer
130
views
How to set the color of a Polygon?
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,
...
- 61