如何将折线添加到标记数组?

时间:2016-04-02 09:27:53

标签: javascript jquery leaflet

我是Leaflet的新手,我正在尝试在数据库的标记之间添加折线。我正在使用jQuery从ajax响应添加标记(工作正常)。我已经阅读了文档,但我无法弄清楚如何添加折线。这就是我的尝试:

我的jQuery片段

    .success(function(response) {
        if(!response.errors && response.result) {
            $.each(response.result, function( index, value) {
                markerArray.push(L.marker([value[7], value[8]], {icon: greenIcon}));                
           });
             var group = L.featureGroup(markerArray).addTo(map);
             var polyline = L.polyline(markerArray, {color: 'red'}).addTo(map); 
             map.fitBounds(group.getBounds());       

        } else {
            $.each(response.errors, function( index, value) {
                // add error classes
                $('input[name*='+index+']').addClass('error').after('<div class="errormessage">'+value+'</div>')
            });
        }
    }); 

1 个答案:

答案 0 :(得分:1)

你必须在折线构造函数中使用LatLng数组(这里你使用的是L.Marker数组)

我建议:

   $.each(response.result, function( index, value) {
       var latlng = L.latLng(value[7], value[8]);
       markerArray.push(L.marker(latlng, {icon: greenIcon})); 
       latlngArray.push(latlng);               
   });

   var group = L.featureGroup(markerArray).addTo(map);
   var polyline = L.polyline(latlngArray, {color: 'red'}).addTo(map);