index.js

function entry_to_image_url(entry) {
  var base = 'https://maps.googleapis.com/maps/api/streetview';
  var size = '?size=300x300';
  var location = '&location=' + entry.lat + ',' + entry.lng;
  var heading = '&heading=' + entry.heading;
  var fov = '&fov=' + entry.fov;
  var pitch = '&pitch=' + entry.pitch;
  var key = '&key=AIzaSyC6fnYlMyBFPpQMDRwxLFtrPp_FuFBS6LY';
  return base + size + location + heading + fov + pitch + key;
};

function entry_to_link_url(entry) {
  console.log(entry);
  if (entry.url) {
    return '<div class="text-right"><a class="btn btn-light" href="' + entry.url + '" target="_blank"><span>紹介ページ</span> <i class="fa fa-chevron-right" aria-hidden="true"></i></></div>'
  } else {
    return '';
  }
};

(function() {
  Papa.parse('markers.csv', {
    download: true,
    header: true,
    delimiter: ',',
    skipEmptyLines: true,
    complete: function(params, url) {
      params.data.forEach(function(entry) {
        var url = entry_to_image_url(entry);
        var tag = '<div class="card"><img class="card-img-top" src="' + url + '"><div class="card-body"><h5 class="card-title">' + entry.title + '</h5><p class="card-text">' + entry.description + '</p>' + entry_to_link_url(entry) + '</div></div>';
        $('.card-columns').append(tag)
      });
    }
  })
})();