将 geojson 属性变成 link

Question

我有一个包含 geojson 的外部 js 脚本。在该 geojson 对象中有属性，其中一个属性是 url。我需要在弹出窗口中将 url 显示为可点击的 link。现在，我的弹出窗口中有 url，但它只是显示为字符串。

我尝试将 geojson 属性存储到一个名为 assemblyWebsite 的新变量中，然后将 assemblyWebsite 输入到我的弹出窗口中。尽管如此，它仍然有变量作为字符串。考虑到 url 取决于用户点击的多边形，我不知道如何将该变量变成可点击的 link。有几个不同的 url，每个弹出窗口不能是一个 url。

function onEachFeature(feature, layer) {

    var assemblyWebsite = feature.properties.QnsPubAdvocateResults_URL

    layer.bindPopup('<h4>Assembly District</h4>' + ' ' + feature.properties.AssemDist + '</b><br />' + 'Website:' + ' ' + assemblyWebsite);
};

Answer 1

您可以使用 href 来显示 link。

var layerGroup = L.geoJSON(data, {
  onEachFeature: function (feature, layer) {
    layer.bindPopup('<h4>Assembly District</h4>' + ' ' + feature.properties.AssemDist + '</b><br />' + 'Website:' + ' ' + '<a href="'+ 
assemblyWebsite + '">Visit Website</a>' );
  }
}).addTo(map);

将 geojson 属性变成 link

Make geojson property into a link

javascript

geojson

leaflet

将 geojson 属性 变成 link

Make geojson property into a link

javascript

geojson

leaflet

将 geojson 属性变成 link