전단지에 폴리 라인을 그리시겠습니까?


24

이것은 Leaflet에서 사용한 코딩입니다.

    var pointA = new L.LatLng(28.635308, 77.22496);
    var pointB = new L.LatLng(28.984461, 77.70641);
    var pointList = [pointA, pointB];

    var firstpolyline = new L.Polyline(pointList {
    color: 'red',
    weight: 3,
    opacity: 0.5
    smoothFactor: 1

    });

    map.addLayer(firstpolyline);

지도에 결과가 표시되지 않습니다. 한 지점에서 다른 지점으로 직선이 필요하며 측지 학적으로는 정확하지 않고 시각화하면됩니다. 리플렛 "원"의 포인트가지도에 완벽하게 표시됩니다.

답변:


36

코드가 직접 붙여져 있습니까? 그렇다면,

var pointA = new L.LatLng(28.635308, 77.22496);
var pointB = new L.LatLng(28.984461, 77.70641);
var pointList = [pointA, pointB];

var firstpolyline = new L.polyline(pointList {
color: 'red',
weight: 3,
opacity: 0.5
smoothFactor: 1

});

5 및 8 행에서 쉼표가 누락되었으며 12 행에서을 사용했습니다 firstpolyline.addTo(map). 그것을 확인

var pointA = new L.LatLng(28.635308, 77.22496);
var pointB = new L.LatLng(28.984461, 77.70641);
var pointList = [pointA, pointB];

var firstpolyline = new L.Polyline(pointList, {
    color: 'red',
    weight: 3,
    opacity: 0.5,
    smoothFactor: 1
});
firstpolyline.addTo(map);

오류가 하나만 표시되어 수정했습니다. 그러나 폴리 라인은 여전히 ​​내지도에 표시되지 않습니다. 내가 무엇을 잘못하고 있지?
반대 흐름

마지막에 작은 코드 줄을 놓쳤습니다. 폴리 라인이 올바르게 코딩되었지만 Lealflet에 필요한대로 폴리 라인이 맵에 추가되지 않았습니다. firstpolyline.addTo (map);


1

에서 소문자 "폴리 라인"을 사용하십시오 L.polyline(...). 작동합니다.


-1

정확한 경로 (곡선 모양)를 원하면 polyline.antPath를 사용하십시오.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.