В круге добавления листовок написано «х» из неопределенного

Question

Я использую буклет vuejs и импортирую такой же круг, как и код javascript, а вот пример кода с сайтов-проспектов, которые я использую:

var circle = L.circle([51.508, -0.11], {
                        color: 'red',
                        fillColor: '#f03',
                        fillOpacity: 0.5,
                        radius: 500
                    }).addTo(this.$refs.map.mapObject);

, поэтому, когда я запускаю код выше, это выдает мне ошибку:

Uncaught (in promise) TypeError: Cannot read property 'x' of undefined

если я нарисую многоугольник, который работает нормально, проблем с этим нет.

в коде консоли он также указывает на следующие строки:

// @method intersects(otherBounds: Bounds): Boolean
// Returns `true` if the rectangle intersects the given bounds. Two bounds
// intersect if they have at least one point in common.

    intersects: function (bounds) { // (Bounds) -> Boolean
        bounds = toBounds(bounds);

        var min = this.min,
            max = this.max,
            min2 = bounds.min,
            max2 = bounds.max,
            xIntersects = (max2.x >= min.x) && (min2.x <= max.x),
            yIntersects = (max2.y >= min.y) && (min2.y <= max.y);

        return xIntersects && yIntersects;
    }

Iне знаю, какие границы он говорит, как на веб-сайте листовки он рисует круг с тем же кодом.

Будет полезно, если кто-то может помочь, вы можете посмотреть этот URL Ссылка

Спасибо.