title: Mapbox Markers in Wrong Place
body: <p>I've made a simple mapbox map using the <a href="https://www.mapbox.com/mapbox.js/api/v3.0.1/l-mapbox-map/" rel="nofollow noreferrer">mapbox.js API</a> and following <a href="https://www.mapbox.com/help/markers/" rel="nofollow noreferrer">several examples they have on their site</a>. To display the marker location I'm calling a .geojson file, however the markers appear fairly off place even to the point that some load on top of the Ocean.</p>
  
  <p>Someone said I'm calling the geojson file twice but I checked and it's being loaded once.</p>
  
  <p>JS code is:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>// Mapbox
  L.mapbox.accessToken = 'token_here';
  
  var mapCol = L.mapbox.map('map', 'mapbox.streets').setView([5.5, -73.249], 6);
  var filters = document.getElementById('filters');
  var markers = L.mapbox.featureLayer().loadURL('regions.geojson');
  
  markers.on('ready', function(e) {
      var typesObj = {},
          types = [];
      var features = e.target._geojson.features;
      for (var i = 0; i &lt; features.length; i++) {
          typesObj[features[i].properties['description']] = true;
      }
      for (var key in typesObj) {
          if ({}.hasOwnProperty.call(typesObj, key)) {
              types.push(key);
          }
      }
      var checkboxes = [];
      for (var j = 0; j &lt; types.length; j++) {
          var item = filters.appendChild(document.createElement('div'));
          var checkbox = item.appendChild(document.createElement('input'));
          var label = item.appendChild(document.createElement('label'));
          checkbox.type = 'checkbox';
          checkbox.id = types[j];
          checkbox.checked = true;
          label.innerHTML = types[j];
          label.setAttribute('for', types[j]);
          checkbox.addEventListener('change', update);
          checkboxes.push(checkbox);
      }
  
      function update() {
          var enabled = {};
          for (var k = 0; k &lt; checkboxes.length; k++) {
              if (checkboxes[k].checked) enabled[checkboxes[k].id] = true;
          }
          markers.setFilter(function(feature) {
              return feature.properties['description'] in enabled;
          });
      }
  }).addTo(mapCol);
  
  mapCol.scrollWheelZoom.disable();</code></pre>
  </div>
  </div>
  </p>