Here is a pattern that may be useful. Data attributes provide a kind of 'self-configuring' behavior. The example here uses jQuery:
HTML
<div class="story" data-point="37.000,-120.652">First story. Click to zoom</div>
<div class="story" data-point="35.232,-118.334">Another story. Click to zoom</div>
<div class="story" data-point="35.232,-118.334">Another story. Click to zoom</div>
JavaScript
// basic map setup. include other options as needed, refer to the docs
var map = L.map('map');
// bind click event to the story divs, add a marker and zoom to that story's location. Remember to add dot before story as it is classname
$('.story').on('click', function(){
// parse lat and lng from the divs data attribute
var latlng = $(this).data().point.split(',');
var lat = latlng[0];
var lng = latlng[1];
var zoom = 10;
// add a marker
var marker = L.marker([lat, lng],{}).addTo(map);
// set the view
map.setView([lat, lng], zoom);
})
setView
method on the map? – Devdatta Tengshe May 13 '15 at 8:51