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探索更多选项