shramov
The problem of using "Yandex.js" with "react-leaflet" plugin
Hi, I managed to draw a Yandex map using react-leaflet, but after switching to a different route, an error occurs in the Yandex plugin. During debugging, it turned out that the destroy () event occurs earlier than this._container.remove (), and the other component is not rendered, because container no longer exists
MapPage.tsx
<MapLeaflet center={ [55.7558, 37.6173]} zoom={13} style={{width: '800px', height: '800px'}}> <LayersControlReact position="topright"> <LayersControlReact.BaseLayer name="Yandex Traffic" checked={true}> <YandexTileLayer type="map" traffic /> </LayersControlReact.BaseLayer> </MapLeaflet>
Yandex.js
_destroy: function (e) { if (!this._map || this._map === e.target) { if (this._yandex) { this._yandex.destroy(); delete this._yandex; } delete this._container; } }, _setEvents: function (map) { var events = { move: this._update }; if (this._zoomAnimated) { events.zoomanim = this._animateZoom; events.zoomend = this._animateZoomEnd; } map.on(events, this); this.once('remove', function () { map.off(events, this); this._container.remove(); // we do not call this until api is initialized (ymaps API expects DOM element) }, this); },
Ошибка
the destroy () event occurs before this._container.remove (),
Is that wrong?
I've just removed this line. I do not understand its purpose as there is another remove() in the code:
https://github.com/shramov/leaflet-plugins/blob/master/layer/tile/Yandex.js#L161
