Javascript 在谷歌地图中添加带有标签的标记'；s多段线的每一端

我有多条多段线，我希望在多段线的每个端点和起点上都有一个标记，我正在跟踪自行车的运动，我正在获取多段线，但我需要在多段线或端点上显示时间，如果我可以在多段线中显示时间，那就太好了。我正在开发一个跟踪系统，我正在获取起点和终点的lat长度，我还可以绘制多段线，我想在多段线上显示时间，或者至少在每一端显示一个标记并显示时间。。。下面是我的代码

    var bikearray = [];
    $('#searchbtn').on('click', function() {
     $.ajax({
        url:'http://metrobikes.in/api/a2b-bike-movement-on-map',
        method:"GET",
        data : {
            start_Date : "2017-12-11",
            end_date : "2018-01-24",
            bike_number : "KA-51-D-6109"
       },
    }).done(function(data){
        bikearray = data.result.data;
        initMap();
     });
});



function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 13,
        center: new google.maps.LatLng(12.98966, 77.653637),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    var lineSymbol = {
        path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW
    };
    for(i = 0; i < bikearray.length;  i++){
        var from_lat = parseFloat(bikearray[i].from_lat);
        var from_long = parseFloat(bikearray[i].from_long);
        var to_lat = parseFloat(bikearray[i].to_lat);
        var to_long =parseFloat(bikearray[i].to_long);
        var linecolor = bikearray[i].colour;
        console.log(bikearray[i].from_lat);
        var bikePath = new google.maps.Polyline({
            path:  [

                {lat: from_lat, lng: from_long},
                {lat: to_lat, lng: to_long}
            ],
            icons: [{
                icon: lineSymbol,
                repeat:'35px',
                offset: '100%'
            }],
            geodesic: true,
            strokeColor: linecolor,
            strokeOpacity: 1.0,
            strokeWeight: 2,
            map: map
        });
        bikePath.setMap(map);


    }


}

var bikerray=[]；
$（'searchbtn'）。在（'click'，function（）上{
$.ajax({
网址：'http://metrobikes.in/api/a2b-bike-movement-on-map',
方法：“获取”，
数据：{
开始日期：“2017-12-11”，
结束日期：“2018-01-24”，
自行车编号：“KA-51-D-6109”
},
}).完成（功能（数据）{
bikerray=data.result.data；
initMap（）；
});
});
函数initMap（）{
var map=new google.maps.map（document.getElementById（'map'）{
缩放：13，
中心：新google.maps.LatLng（12.98966,77.653637），
mapTypeId:google.maps.mapTypeId.ROADMAP
});
变量lineSymbol={
路径：google.maps.SymbolPath.FORWARD\u CLOSED\u箭头
};
对于（i=0；i

看起来这已经在中得到了回答

一种解决方案是使用github中的这个库：

您可以这样使用它：

var labelPosition = new google.maps.LatLng(middle_lat, middle_long);    

var mapLabel = new MapLabel({
    text: "Your text",
    position: labelPosition ,
    map: map,
    fontSize: 12
});

---

您必须计算两点之间的中点。

看起来这已经在

一种解决方案是使用github中的这个库：

您可以这样使用它：

var labelPosition = new google.maps.LatLng(middle_lat, middle_long);    

var mapLabel = new MapLabel({
    text: "Your text",
    position: labelPosition ,
    map: map,
    fontSize: 12
});

---

必须计算两点之间的中点。

要在多段线的起点和终点添加标记，请在起点和终点添加标记。要在结束标记的信息窗口中添加时间，也可以添加该时间（并触发单击以打开它）：

---

要将标记添加到多段线的起点和终点，请将标记添加到起点和终点。要在结束标记的信息窗口中添加时间，也可以添加该时间（并触发单击以打开它）：

没有代码向多段线添加标记。您尝试了哪些不起作用的内容？没有向多段线添加标记的代码。你试了什么没用的？