リーフレットでポリラインを描画しますか?


24

これは私がリーフレットで使用した私のコーディングです:

    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行目にuseがあります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);

エラーが1つしか表示されないので、修正しました。しかし、ポリラインはまだ私の地図に表示されていません。何が間違っていますか?
アゲインストフロー

最後に小さなコード行がありません。ポリラインは正しくコーディングされましたが、Lealfletが必要とするため、マップに追加されませんでした:firstpolyline.addTo(map);


1

で小文字の「ポリライン」を使用しL.polyline(...)ます。これは動作します。


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.