title: How to add polyline into Leaflet map
body: <p>I'm using zeppelin and angular interpreter. 
  I have tried three different ways. None of them was successful. But simple markers showed up.</p>
  
  <p>1st one</p>
  
  <pre><code>var array =  [];
  all_properties.forEach(item =&gt;{
      array.push(new L.LatLng(item[0], item[1]));
  });
   var firstpolyline = new L.polyline(array, {
  color: 'red',
  weight: 5,
  opacity: 1,
  smoothFactor: 1
  });
  firstpolyline.addTo(map);
  </code></pre>
  
  <p>2nd one</p>
  
  <pre><code>var poly = new L.polyline(all_properties, {
  color: 'green',
  weight: 5,
  opacity: 1,
  smoothFactor: 1
  });
  poly.addTo(map);
  </code></pre>
  
  <p>3rd one </p>
  
  <pre><code>var polylinePoints = [
          [lat, long],
          [lat1, long1]
        ];            
  var polyline = L.polyline(polylinePoints).addTo(map); 
  </code></pre>
  
  <p>There is no error...</p>
  
  <p>Any ideas? Thx</p>
  
  <p>Edit: When I show points as markers, all of them showed up one the map. This set of markers should me polyline tho...</p>
  
  <pre><code>arr_markers = [];
  all_properties.forEach(item =&gt;{
  arr_markers.push(L.marker([ item[0], item[1]], {icon: basicIcon}));
  });
  
  polyGroup = L.layerGroup(arr_markers).addTo(map);
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/FiJv6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FiJv6.png" alt="polyline from markers"></a></p>