Leafletjs - 折线没有出现在他们应该的位置,为什么?

时间:2014-10-20 15:26:29

标签: leaflet polyline

我有一张伦敦地区的地图,根据地图区域的界限,我收到JSON,包括我想在地图上绘制的开始/结束lat lngs。为此,我使用折线并且工作得很好,折线被绘制并且形状完美,但由于某种原因,它与地图的原始尺寸相比尺寸缩小。请看下面的图像,例如,它的形状与高速公路线(粗蓝线)完美相同,但尺寸较小,位于一个角落。任何人都可以在这里建议我做错了什么......

Map With Problem plotting Polylines

代码

$.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);

1 个答案:

答案 0 :(得分:0)

好吧想通了......经过长时间的调查,发现由于固定的宽度和高度,css不会让它长到全尺寸...抱歉浪费你所有的时间...感谢你的努力和帮助虽然:)