使geojson属性成为链接

时间:2019-05-01 22:24:21

标签: javascript leaflet geojson

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

我试图将geojson属性存储到一个名为assemblyWebsite的新变量中,然后将assemblyWebsite输入到我的弹出窗口中。那仍然有变量作为字符串。考虑到url取决于用户单击哪个多边形,我无法弄清楚如何将该变量变成可点击的链接。有几个不同的网址,每个弹出窗口不能是一个网址。

function onEachFeature(feature, layer) {

    var assemblyWebsite = feature.properties.QnsPubAdvocateResults_URL

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

1 个答案:

答案 0 :(得分:0)

您可以使用href来显示链接。

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