我是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>')
});
}
});
答案 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);