title: leaflet markers not appearing
body: <pre><code>for (var f=0; f&lt;group.length; f++) {
      var longitude = group[f][1];
      var latitude = group[f][0];
      var popupText = group[f][2];
  
      var markerLocation = new L.LatLng(longitude,latitude);
      var marker = new L.Marker(markerLocation);
      mymap.addLayer(marker);
  
      marker.bindPopup(popupText);
  } 
  </code></pre>
  
  <p>my group array is in this format </p>
  
  <pre><code> [0]
   [0]53.522753
   [1]-1.126298
   [2]ASB
  </code></pre>
  
  <p>my console is saying</p>
  
  <pre><code>Uncaught Error: Invalid LatLng object: (undefined, 53.522731)
      at new M (leaflet.js:5)
      at create_marker (hello.html:212)
      at JSON_callback (hello.html:169)
      at XMLHttpRequest.xmlhttp.onreadystatechange (requests.js:26)
  </code></pre>
  
  <p>setting group</p>
  
  <pre><code>var group = [];
  var n = 3;
  
  for (var i = 0, j = 0; i &lt; current_lat_lng.length; i++) {
      if (i &gt;= n &amp;&amp; i % n === 0)
          j++;
      group[j] = group[j] || [];
      group[j].push(current_lat_lng[i])
  }
  </code></pre>
  
  <p>I think the object is correct? but I'm not sure why this is happening. any help is appreciated thanks.</p>