Plotting multiple markers on Leaflet map

Question

If I have a object containing lats and longs how can i plot them in Leaflet using the marker constructor I tried looping through them

for(key in obj){
            var val = obj[key];
            var markers = new L.Marker([val.lat, val.long]);
            map.addLayer(markers);
        }

but its not showing up in the map

var obj ={
 0 : {
        lat: 15.606562000000000
        long: 32.513681000000000
    },
1 : {
        lat: -12.09137
        long: 34.7182
    }
}

Answer 1

No, you're not using the L.Marker constructor.

Constructor: L.Marker( <LatLng> latlng, <Marker options> options? )

And a L.LatLng is:

Constructor: L.LatLng( <Number> latitude, <Number> longitude)

So:

var markers = new L.Marker(new L.LatLng(val.lat, val.long));

---

Additional JS tips:

1. markers should be marker, as it is a reference to a single marker.
2. If your indices are incremental numbers, you should consider making obj an array, and use a for loop instead of a for-in. If not, use hasOwnProperty to avoid nasty surprises.

Answer 2

var locations = [
       ["Locations 1", 6.625117, 39.145004],
       ["Locations 2", -6.5767859, 39.1304557],
       ["Locations 3", -6.8667841, 39.2530337],
       ["Locations 4", -6.7787336, 39.2273218],
       ["Locations 5", -6.7576158, 39.2768276],
];

for (var i = 0; i < locations.length; i++) {
    marker = new L.marker([locations[i][1], locations[i][2]])
             .bindPopup(locations[i][0])
             .addTo(mymap);
}