如何使用传单 bindpopup 嵌入 url 变量
How to embed a url variable using leaflet bindpopup
我的问题是我有一个名为 'url' 的变量,我希望它显示在弹出窗口中。但是,这不起作用 <a href = feature.properties.url >Website</a>
。此传单代码还与 rChart
集成。我的原始代码如下:
map$geoJson(toGeoJSON(df2_sub_list, lat = 'venue_lat', lon = 'venue_lng'),
onEachFeature = '#! function(feature, layer){
layer.bindPopup(feature.properties.venue_name + \'</br><a href =
feature.properties.url> Website </a>\')
} !#',
pointToLayer = "#! function(feature, latlng){
return L.circleMarker(latlng, {
radius: 4,
fillColor: feature.properties.colors || 'red',
color: '#000',
weight: 1,
fillOpacity: 0.8
})
} !#"
您没有正确连接 HTML 字符串和变量,也没有在属性分配中使用空格:
feature.properties.venue_name + \'</br><a href = feature.properties.url> Website </a>\'
应该是:
feature.properties.venue_name + \'</br><a href=\' + feature.properties.url + \'> Website </a>\'
此外,您没有引用您的属性值,但如果您使用 HTML5.
,那应该不是问题
我的问题是我有一个名为 'url' 的变量,我希望它显示在弹出窗口中。但是,这不起作用 <a href = feature.properties.url >Website</a>
。此传单代码还与 rChart
集成。我的原始代码如下:
map$geoJson(toGeoJSON(df2_sub_list, lat = 'venue_lat', lon = 'venue_lng'),
onEachFeature = '#! function(feature, layer){
layer.bindPopup(feature.properties.venue_name + \'</br><a href =
feature.properties.url> Website </a>\')
} !#',
pointToLayer = "#! function(feature, latlng){
return L.circleMarker(latlng, {
radius: 4,
fillColor: feature.properties.colors || 'red',
color: '#000',
weight: 1,
fillOpacity: 0.8
})
} !#"
您没有正确连接 HTML 字符串和变量,也没有在属性分配中使用空格:
feature.properties.venue_name + \'</br><a href = feature.properties.url> Website </a>\'
应该是:
feature.properties.venue_name + \'</br><a href=\' + feature.properties.url + \'> Website </a>\'
此外,您没有引用您的属性值,但如果您使用 HTML5.
,那应该不是问题