Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/473.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 传单多段线的标签_Javascript_Angularjs_Leaflet - Fatal编程技术网

Javascript 传单多段线的标签

Javascript 传单多段线的标签,javascript,angularjs,leaflet,Javascript,Angularjs,Leaflet,我想用多段线显示标签/文本,这是我的代码 function displayDottedLine(latA, longA, latB, longB, label) { var pointA = new L.LatLng(latA, longA); var pointB = new L.LatLng(latB, longB); var pointList = [pointA, pointB]; var firstpolyline = new L.Polyline(po

我想用多段线显示标签/文本,这是我的代码

function displayDottedLine(latA, longA, latB, longB, label) {
    var pointA = new L.LatLng(latA, longA);
    var pointB = new L.LatLng(latB, longB);
    var pointList = [pointA, pointB];
    var firstpolyline = new L.Polyline(pointList, {
        color: 'white',
        weight: 1.5,
        opacity: 0.5,
        dashArray: "10 10",
        smoothFactor: 1
    });
    firstpolyline.addTo(map);
}
函数中有label参数,我需要用多段线附加此标签

提前谢谢。

你可以试试插件

window.addEventListener('load',function(){
var map=L.map('map').setView([51.328125,42.2935],18);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{
属性:“©;贡献者”
}).addTo(地图);
变量平面=L.多段线([
[3.33984375, 46.6795944656402],
[29.53125, 46.55886030311719],
[51.328125, 42.293564192170095],
]).addTo(地图);
map.fitBounds(plane.getBounds());
set文本('SAMPLE TEXT',{center:true});
});
#地图{
位置:绝对位置;
排名:0;
左:0;
宽度:100%;
身高:100%
}


示例文本的颜色为黑色,我们可以更改其颜色吗?实际上我有一个黑色的背景。@MuhammadWaqar你可以这样做
plane.setText('SAMPLE TEXT',{center:true,attributes:{fill:'#fff'})@MuhammadWaqar探索更多选项