<div id='map'></div>
<script type='text/javascript'>
var map = L.mapbox.map('map', 'examples.map-9ijuk24y')
.setView([0, 0], 9);
var markerLayer = L.mapbox.markerLayer({
type: 'FeatureCollection',
features: [{
type: 'Feature',
properties: {
size: 5,
population: 10
},
geometry: {
type: 'Point',
coordinates: [0, 0]
}
}]
})
.addTo(map);
// note that calling `.eachLayer` here depends on setting GeoJSON _directly_
// above. If you're loading GeoJSON asynchronously, like from CSV or from a file,
// you will need to do this within a `markerLayer.on('ready'` event
markerLayer.eachLayer(function(layer) {
// here you call `bindPopup` with a string of HTML you create - the feature
// properties declared above are available under `layer.feature.properties`
var content = '<h1>size: ' + layer.feature.properties.size + '<\/h1>' +
'<h2>population: ' + layer.feature.properties.population + '<\/h2>';
layer.bindPopup(content);
});
</script>