Javascript 在手册中,如何在多个点之间绘制多段线

Javascript 在手册中,如何在多个点之间绘制多段线,javascript,angularjs,google-maps,maps,leaflet,Javascript,Angularjs,Google Maps,Maps,Leaflet,问题:我有3个标记,我想在它们之间画一条线。我在用传单 代码:这是我画一条线的代码,添加它后,它只会隐藏地图 var城市=[ { 城市:“城市:Ittoqortoromit”, 描述:“微软远征的开始”, 纬度:70.20, 龙-23 }, { 城市:'城市:Kangerlussuaq', 描述:“微软探险的结束”, 拉丁美洲:67, 长:-50.8 }, { 城市:'城市:Kangerlussuaq', 描述:“微软探险的结束”, 拉脱维亚:60, 长:-45.8 } ]; var poin

问题:我有3个标记,我想在它们之间画一条线。我在用传单

代码:这是我画一条线的代码,添加它后,它只会隐藏地图

var城市=[
{
城市:“城市:Ittoqortoromit”,
描述:“微软远征的开始”,
纬度:70.20,
龙-23
},
{
城市:'城市:Kangerlussuaq',
描述:“微软探险的结束”,
拉丁美洲:67,
长:-50.8
},
{
城市:'城市:Kangerlussuaq',
描述:“微软探险的结束”,
拉脱维亚:60,
长:-45.8
}
];
var pointA=新的L.LatLng(70.20,-23);
var pointB=新的L.LatLng(67,-50.8);
var pointList=[pointA,pointB];
var firstpolyline=新的L.多段线(点列表{
颜色:“红色”,
体重:3,
不透明度:0.5,
平滑因子:1
});
firstpolyline.addTo(映射);
//角度应用程序模块和控制器
var sampleApp=angular.module('mapsApp',[]);
sampleApp.controller('MapCtrl',函数($scope){
//我们把地图放在格陵兰岛的中心
变量映射选项={
缩放:4,
中心:新google.maps.LatLng(69,-26),
mapTypeId:google.maps.mapTypeId.TERRAIN
}
$scope.map=new google.maps.map(document.getElementById('map'),mapOptions);
$scope.markers=[];
var infoWindow=new google.maps.infoWindow();
var createMarker=函数(信息){
var marker=new google.maps.marker({
map:$scope.map,
位置:新google.maps.LatLng(info.lat,info.long),
标题:信息城
});
marker.content=''+info.desc+'';
google.maps.event.addListener(标记'click',函数(){
infoWindow.setContent(“”+marker.title+“”+marker.content);
infoWindow.open($scope.map,marker);
});
$scope.markers.push(marker);
}  
对于(i=0;i
#图表{
宽度:1550px;
}
.内部内容{
显示:内联块;
}
#曲线图1{
宽度:250px;
浮动:左;
宽度:510px;
高度:310px
}  
#曲线图2{
宽度:250px;
宽度:510px;
高度:310px
} 
#曲线图3{
宽度:250px;
浮动:对;
宽度:510px;
高度:310px
} 
​.清楚的{
明确:两者皆有;
显示:无;
}​
a{
文字装饰:无;
}
#地图{
高度:500px;
宽度:2000px;
}
#重复{
显示:内联;
}
#国家/地区集装箱{
宽度:800px;
保证金:0px 3px 3px 0px;
文本对齐:居中;
宽度:85px;
填充:4px;
显示:内联表;
颜色:白色;
背景色:黑色;
字体大小:12px;
光标:指针;
边框:1px纯黑;
边界半径:13px;
}
#国家/地区集装箱:悬停{
盒影:0px 0px 10px黑色;
背景颜色:灰色;
边框:1px纯色灰色;
光标:指针;
}
#姓名{
光标:指针;
}
.标题大:悬停{
轮廓颜色:透明;
}
.大瓷砖{
显示:块;
浮动:左;
保证金:5px;
背景色:#EEE;
盒影:0px 0px 1px#FFC插图;
位置:相对位置;
宽度:310px;
高度:310px;
}
.瓷砖宽{
显示:块;
浮动:左;
保证金:5px;
背景色:#EEE;
盒影:0px 0px 1px#FFC插图;
光标:指针;
位置:相对位置;
宽度:310px;
高度:150像素;
}
.水平菜单>li>a{
位置:相对位置;
显示:块;
浮动:左;
字体大小:1.4rem;
颜色:继承;
背景色:继承;
填充:.625rem 1.625rem;
线高:1.4rem;
.ol透明{
轮廓颜色:透明;
}
.瓷砖{
显示:块;
浮动:左;
保证金:5px;
背景色:#EEE;
盒影:0px 0px 1px#FFC插图;
位置:相对位置;
宽度:150px;
高度:150像素;
}
.tile小、.tile、.tile正方形、.tile宽、.tile大、.tile大、.tile超级{
溢出:可见;
*{
边界塌陷:塌陷;
}
身体{
字体系列:无衬线;
字号:0.875em;
线高:1.1;
字体大小:400;
字体风格:普通;
}
.水平菜单>li{
显示:块;
浮动:左;
颜色:继承;
背景色:继承;
位置:相对位置;
}
ul,li,ol-li{
线高:1.25雷姆;
}
元素风格{
高度:28px;
显示:内联块;
左边距:-20px;
右边距:10px;
}
.水平菜单{
显示:块;
宽度:100%;
颜色:#1d;
位置:相对位置;
填充:0;
保证金:0;
列表样式:无内无;
}
img{
最大宽度:100%;
垂直对齐:中间对齐;
边界:0;
}
菜单,目录{
显示:块;
列表样式类型:disc;
}
.app bar.app bar元素{
线高:3.125rem;
字号:1rem;
光标:指针;
颜色:继承;
显示:块;
浮动:左;
位置:相对位置;
垂直对齐:中间对齐;
身高:3.125雷姆;
}