如何在leaflet中绘制的线条之间创建连接？

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet.polylineDecorator@1.6.0/dist/leaflet.polylineDecorator.css" />
<script src="https://cdn.jsdelivr.net/npm/leaflet.polylineDecorator@1.6.0/dist/leaflet.polylineDecorator.js"></script>

var map = L.map('map').setView([51.505, -0.09], 13);

var coordinates = [
  [51.505, -0.09],
  [51.51, -0.1],
  [51.51, -0.12]
];

var polyline = L.polyline(coordinates).addTo(map);

var decorator = L.polylineDecorator(polyline, {
  patterns: [
    { offset: '50%', repeat: 0, symbol: L.Symbol.arrowHead({ pixelSize: 10, polygon: false, pathOptions: { stroke: true, color: '#000' } }) }
  ]
}).addTo(map);

<div id="map" style="height: 400px;"></div>