Leaflet - странно выглядящая карта с круговыми формами

Question

Я использовал устаревшую версию листовки 1.0.0. Обновлено до последней версии 1.6.0, и я наблюдаю странное поведение при разных уровнях масштабирования.

Иллюстрация этого поведения

Чем больше масштаб, тем точнее диаметры

Я использую L.Circle с постоянным радиусом, равным 0,14

Пробовал масштабировать все и переключаться между холстом и движком SVG.

Answer 1

В вашей скрипке вы используете старую версию листовки:

http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js должно быть: https://unpkg.com/leaflet@1.6.0/dist/leaflet.js

http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css должно быть: https://unpkg.com/leaflet@1.6.0/dist/leaflet.css

После того, как я обновил буклет, круги показывают правильный

Answer 2

Я только что нашел решение этой проблемы в leaflet-sr c. js:

изменил:

 _round: function () {
    this.x = Math.round(this.x);
    this.y = Math.round(this.y);
    return this;
 },

на просто:

_round: function () {
    return this;
},

у меня работает.