title: JavaScript - leaflet, adding a bunch of markers
body: <p>Let's say I have a bunch of markers (over 100) I want to add from this:</p>
  
  <pre><code>module.exports = [
  { value: 'Varrock', lng: 22.5, lat: -15.52249812756166, popular: 1 },
  { value: 'Lumbridge', lng: 25.9661865234375, lat: -43.644025847699496, popular: 1 },
  { value: 'Monastery', lng: -4.0924072265625, lat: -5.714379819235291 },
  { value: 'Edgeville', lng: 2.4884033203125, lat: -6.0094592380595495, popular: 1 },
  { value: 'Varrock Palace', lng: 22.412109375, lat: -6.882800241767556 },
  { value: 'Digsite', lng: 46.043701171875, lat: -17.266727823520508 },
  { value: 'River Salve', lng: 54.931640625, lat: -14.083301314706778 },
  { value: 'Morytania', lng: 64.610595703125, lat: -13.501814172428656 },
  { value: 'Mort Myre Swamp', lng: 59.820556640625, lat: -22.740723091194727 }
  ];
  </code></pre>
  
  <p>It uses <code>browserify</code> to get it. So, I do this:</p>
  
  <pre><code>var locations = require('./locations');
  </code></pre>
  
  <p>What would be the best way to add all of those into <code>LayerGroup()</code>? I mean, because doing <code>var fairy = L.layerGroup([One, Two, Three...]);</code> by hand would get tiresome.</p>
  
  <p>So how would I go about adding all of those markers into a new layer (so I can toggle them on/off)</p>