text: // Based on: http://asmaloney.com/2014/01/code/creating-an-interactive-map-with-leaflet-and-openstreetmap/
  
  var map = L.map( 'map', {
    center: [10.29415400, 123.86495100],
    minZoom: 3,
    zoom: 12
  })
  
  L.tileLayer( 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>',
    subdomains: ['a', 'b', 'c']
  }).addTo( map )
  
  var myURL = jQuery( 'script[src$="chd-leaf.js"]' ).attr( 'src' ).replace( 'chd-leaf.js', '' )
  
  var myIcon = L.icon({
    iconUrl: myURL + 'images/letitecho.png',
    iconRetinaUrl: myURL + 'images/letitecho.png',
    iconSize: [48, 48],
    iconAnchor: [9, 21],
    popupAnchor: [0, -14]
  })
  
  for ( var i=0; i < markers.length; ++i )
  {
   L.marker( [markers[i].lat, markers[i].lng], {icon: myIcon} )
    .bindPopup( '<a href="' + markers[i].url + '" target="_blank">' + markers[i].name + '</a>' )
    .addTo( map );
  }
  