JavaScript无法识别经度地理坐标

我主要是一名python开发人员，但我正在为一个大学项目尝试JavaScript和HTML。我正在使用“传单”创建地图，目前正在尝试使用坐标向地图添加一些节点，然后向它们添加边。但由于某种原因，它无法识别经度。以下是我的代码和错误：

HTML

---

我迷路了，正在拼命寻找帮助。

您需要使用最新的传单版本

1.7.1

：

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v1.7.1/leaflet.css" /> 
<script src="http://cdn.leafletjs.com/leaflet/v1.7.1/leaflet.js"></script>

我只是在猜测：也许

半径也以度为单位，所以它覆盖了地球好几倍？试着用一个小的（如1），看看会发生什么。我目前是afk，但只要我能，我会尝试它。知道NaN为什么会出现吗？我在另一个多边形创建上尝试了它，没有半径，还有同样的问题。是的，这就是问题所在，非常感谢！
var mymap = L.map('mapid').setView([-22.899346, -43.413119], 13);


L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
    attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
    maxZoom: 18,
    id: 'mapbox/streets-v11',
    tileSize: 512,
    zoomOffset: -1,
    accessToken: 'pk.eyJ1IjoidmljdG9yYm9tYmFyZGEiLCJhIjoiY2twNWgzZTdsMXhpcTJ2dGF6bjN6MXc5YiJ9.ZMzO1j4VVEjsLbf3MXnQWw'
    }).addTo(mymap);

    

var circle = L.circle([-22.9809493, -43.2068586], {
    color: 'red',
    fillColor: '#f03',
    fillOpacity: 0.5,
    radius: 500
}).addTo(mymap);

>> Uncaught Error: invalid LatLng object (-22.9809493, NaN)

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v1.7.1/leaflet.css" /> 
<script src="http://cdn.leafletjs.com/leaflet/v1.7.1/leaflet.js"></script>