Tengo un mapa de folleto con un cursor que muestra la coordenada lat lang del cursor.

 L.CursorHandler = L.Handler.extend({ addHooks: function () { this._popup = new L.Popup(); this._map.on('mouseover', this._open, this); this._map.on('mousemove', this._update, this); this._map.on('mouseout', this._close, this); }, removeHooks: function () { this._map.off('mouseover', this._open, this); this._map.off('mousemove', this._update, this); this._map.off('mouseout', this._close, this); }, _open: function (e) { this._update(e); this._popup.openOn(this._map); }, _close: function () { this._map.closePopup(this._popup); }, _update: function (e) { this._popup.setLatLng(e.latlng) .setContent(e.latlng.toString()); } }); L.Map.addInitHook('addHandler', 'cursor', L.CursorHandler);

El código original formateó el lat-lon como "LatLng(12.25232563, 43.52432453)", por ejemplo. Edité el formato para mostrar dos decimales sin LatLng o paréntesis, por ejemplo: 12.25,43.52.

Sin embargo, en algún momento, la configuración se corrigió y ahora solo se muestra en este formato posterior de 2 decimales:

Este comportamiento es extraño, ya que incluso cuando cambio el código a algo como

 _update: function (e) { this._popup.setLatLng(e.latlng) .setContent("Hello"); }

el formato de la ventana emergente del mapa no cambia, aún muestra el lat-lon decimal anterior. No estoy seguro de por qué ocurre esto y por qué los cambios en el código no se reflejan en el mapa. Aún más extraño, no estoy seguro de dónde extrae la lógica el mapa, ya que obstinadamente continúa mostrando el lat-long incluso cuando se elimina todo el método. El comportamiento no cambia al detener el servidor React (npm)/recargar el navegador web.

Esto probablemente se deba a algún estado interno del mapa que debe eliminarse/actualizarse al cargar la página. ¡Apreciaría cualquier consejo!