Leaflet Error:无效的LatLng对象:(,NaN)

时间:2017-05-31 08:45:55

标签: angular typescript leaflet

我正在尝试使用传单创建一个圆圈,我收到此错误:

错误:无效的LatLng对象:(50.5,NaN)

我在Angular 2中使用此代码来创建我的圈子:

L.circle([50.5, 30.5], {radius: 200}).addTo(map);

我不知道为什么,但下面这段代码没问题:

L.circleMarker([50.5, 30.5], {radius: 200}).addTo(map);

但我想使用L.circle()函数,而不是L.circleMarker()

2 个答案:

答案 0 :(得分:4)

以下是解决方案:

我只是将/****************/ /* BOOTSTRAP CSS*/ /****************/ .navbar { min-height: 80px; background-color: #FFFFFF; border: 1px solid; } .navbar-brand { padding: 0 15px; height: 80px; line-height: 80px; border: 1px solid; } .navbar-toggle { /* (80px - button height 34px) / 2 = 23px */ margin-top: 23px; padding: 9px 10px !important; } @media (min-width: 768px) { .navbar-nav > li > a { /* (80px - line-height of 27px) / 2 = 26.5px */ padding-top: 26.5px; padding-bottom: 26.5px; line-height: 27px; } } .navbar-brand img { height: 80px; border: 1px solid; } .nav.navbar-nav.navbar-right a{ font-size: 14px; } .nav.navbar-nav.navbar-right li a:hover { font-weight: bold; color: #eb0c0c; } 从0.7.7更新为leaflet中的最新版本(1.0.3),然后运行package.json

答案 1 :(得分:2)

顺便说一句,这是因为您可能使用了v1.x.x的文档。它的使用如下0.7.7;

L.circle([50.5, 30.5], 200).addTo(map);

http://leafletjs.com/reference-0.7.7.html#circle

错误信息有点误导; https://github.com/Leaflet/Leaflet/issues/4235