Question

我有一个传单地图，其中包含从geoJSON文件生成的弹出窗口。我正在尝试在弹出窗口中创建一个链接，该链接具有一个基于与每个弹出窗口相关联的geoJSON properties.description条目的唯一URL。任何人都知道如何正确执行此操作吗？

正如您在下面看到的，我已经尝试将所需的属性字段保存到变量调用节点，以及将其另存为变量以在标签中调用的其他几次迭代。

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); });

我想让每个弹出窗口中的链接打开一个新的网页，该网页基于与每个弹出窗口关联的properties.description geoJSON字段是唯一的。用简单的英语来说，我想要一个链接，其中包含以下https://server.herokuapp.com/和节点变量中包含的字符串。

在传单地图geoJSON弹出窗口内的链接末尾添加变量

0 个答案: