Vẽ đa tuyến trong tờ rơi?


24

Đây là mã hóa của tôi, tôi đã sử dụng trong Tờ rơi:

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

Bản đồ không hiển thị bất kỳ kết quả. Tôi chỉ cần đường thẳng từ điểm này đến điểm khác, chỉ cần hình dung nó, không đúng về mặt trắc địa. Điểm (trong "vòng tròn" của Tờ rơi) đang hiển thị hoàn hảo trên bản đồ.

Câu trả lời:


36

Mã của bạn được dán trực tiếp? Nếu vậy,

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

});

đã thiếu dấu phẩy trên dòng 5 & 8 và dòng 12 sử dụng firstpolyline.addTo(map). Làm cho nó

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

Tôi chỉ có thể thấy một lỗi và tôi đã sửa nó. Nhưng polyline vẫn không hiển thị trên bản đồ của tôi. Tôi đang làm gì sai?
ngược dòng

Bạn chỉ bỏ lỡ một dòng mã nhỏ ở cuối. Đa tuyến đã được mã hóa chính xác, nhưng nó không được thêm vào bản đồ vì Lealflet yêu cầu: firstpolyline.addTo (map);


1

Sử dụng chữ thường "polyline" trong L.polyline(...). Điều này sẽ làm việc.


-1

Nếu bạn muốn đường dẫn chính xác (hình dạng đường cong), hãy sử dụng polyline.antPath.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.