2014-10-20 46 views
0

我有一张伦敦地区的地图,基于地图区域的边界,我收到JSON,包括开始/结束纬度,然后我想在地图上绘制。为此,我使用的是多段线,效果很好,多段线被绘制成完美的形状,但由于某种原因,与原始地图尺寸相比,它的尺寸缩小了。例如,请参阅下图,它与高速公路线(蓝色粗线)的形状完美相同,但尺寸较小且位于一个角落。任何人都可以建议我在做什么错在这里...Leafletjs - 多段线未出现在应该出现的位置,为什么?

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); 
+0

你可以让一个jsfiddle并发布一个链接到它吗? – 2014-10-20 19:53:34

+0

嗯...不知道如何做到这一点,因为我得到的数据是非常动态的,需要大量的数据来创建类似的东西:(......我在想什么,也许zoomLevels是不同的地图和绘制的多段线,甚至认为我给了经纬度,我认为它会绘制没有任何麻烦,但似乎我错了...... :( – rac3b3nn0n 2014-10-21 09:31:58

回答

0

好理解了它...长时间的调查后,发现莫名其妙的CSS没有让它由于固定的宽度和高度而成长为全尺寸...对于浪费你所有的时间感谢...尝试和帮助虽然:)