Добавьте переменную в конец ссылки в всплывающей карте geoJSON - PullRequest
Новая
       4

Добавьте переменную в конец ссылки в всплывающей карте geoJSON

0 голосов
/ 15 февраля 2019

У меня есть листовка с всплывающими окнами, сгенерированными из файла geoJSON.Я пытаюсь создать ссылку во всплывающем окне с уникальным URL-адресом на основе записи geoJSON properties.description, связанной с каждым всплывающим окном.У кого-нибудь есть идея, как сделать это правильно?

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

var mymap = L.map('mapid').setView([32.72, -117.16], 13);

L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
    attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
    maxZoom: 18,
    id: 'mapbox.streets',
}).addTo(mymap);

function addDataToMap(data, mymap) {
  var dataLayer = L.geoJSON(data, {
    onEachFeature: function (feature, layer) {
      var node = feature.properties.description;
      layer.bindPopup('<p>node id: '+feature.properties.description+'</p><p>node name: '+feature.properties.name+'</p>'+'<a href=https://server.herokuapp.com/+feature.properties.description+>''View Current Data''</a>');

    }
  }).addTo(mymap);
}

$.getJSON("https://server.herokuapp.com/locations", function(data) { addDataToMap(data, mymap); });

Я хотел бы, чтобы ссылка в каждом всплывающем окне открывала новую веб-страницу, уникальную в зависимости от поля geoJSON properties.description, связанного с каждым всплывающим окном.На простом английском я хочу ссылку со следующей https://server.herokuapp.com/ + строкой, содержащейся в моей переменной узла.

...