Хотел бы добавить ссылку на текст в Mapbox и затем увеличить масштаб в результате клика

Question

Как мне сделать

  var name = prop.Project_Name;     

часть моего кода ссылкой в ​​href, где я могу щелкнуть, и она автоматически увеличится, как показано в коде ниже.

link.addEventListener("click", function(e){
        console.log(e)
        map.flyTo({
        center:  currentFeature.geometry.coordinates,
        zoom:16,

        });

Я сделал этооднако в прошлом мне было очень трудно собрать все это вместе.Работа с новым кодом и попытка реплицировать старый код заставили меня распутаться больше, чем хотелось бы.

  function renderListings(features) {
  listingEl.innerHTML = '';
  var sortedFeatures = sortedFeatures = features.sort(function (a, b) {
    if (a.properties.Project_Year < b.properties.Project_Year) {
      return 1;
    }

    if (a.properties.Project_Year > b.properties.Project_Year) {
      return -1;
    }

    return a.properties.Project_Name.localeCompare(b.properties.Project_Name);
  });

  if (sortedFeatures.length) {
    sortedFeatures.forEach(function (f) {
      var prop = f.properties;
      var name = prop.Project_Name;
      var date = prop.Project_Year;
      var link = "http://placekitten.com/200/300";
      var card = ppgcard(name, date, link);
      listingEl.innerHTML += card;
    });
  } else {
    var empty = document.createElement('p');
    empty.textContent = 'No records currently in view';
    listingEl.appendChild(empty);
    ppg_map.setFilter('point_layer', ['has', 'Project_Name']);

    var named=document.createElement('a');
    named.href='#';
    named.innerHTML=prop.Project_Name;
  }
};