Leaflet 传单JS-多段线没有出现在它们应该出现的位置，为什么？

我有一张伦敦地区的地图，基于地图区域的边界，我接收到由开始/结束lat lngs组成的JSON，然后我想在地图上绘制它。为此，我使用了多段线，效果非常好，多段线绘制得非常完美，但由于某些原因，它的大小与地图的原始大小相比非常小。请看下面的图片，例如，它是在完美的形状作为高速公路线粗蓝线，但较小的大小和一个角落。谁能告诉我我做错了什么

代码

---

好吧，我想出来了。。。经过长时间的调查，发现不知何故css并没有让它长到全尺寸，因为它的宽度和高度是固定的。。。很抱歉浪费了你所有的时间。。。感谢您的尝试和帮助：

您能制作一个JSFIDLE并发布到它的链接吗？嗯。。。我不知道该怎么做，因为我得到的数据是非常动态的，需要大量的数据来创建类似的东西：。。。我想的是，地图和绘制的多段线的ZoomLevel可能不同，即使我给出了lat lngs，我也认为它可以轻松绘制，但似乎我错了…：

$.each(content, function(titleName, titleValue) {
    startLat = (titleName === 'startLatitude')?titleValue:startLat;
    startLng = (titleName === 'startLongitude')?titleValue:startLng;
    endLat = (titleName === 'endLatitude')?titleValue:endLat;
    endLng = (titleName === 'endLongitude')?titleValue:endLng;
});

startLatLng = new L.LatLng(startLat, startLng);
endLatLng = new L.LatLng(endLat, endLng);

var pointList = [startLatLng, endLatLng];

var polyLine = new L.Polyline(pointList, {
    color: 'blue',
    opacity: 1,
    weight: 5
}).addTo(map);