在已经具有Vega-lite图形的传单弹出窗口中添加多个DIV？

问题描述

我正在构建一个具有多个geoJSON对象的地图，并添加了弹出窗口，这些弹出窗口具有描述这些位置信息的vega-lite图形。我试图在弹出窗口的底部添加一个小链接，以允许路由到包含有关该位置的更多信息的页面，但是现在我只能有一个或另一个（图形或指向其他页面的链接）。我想知道如何才能做到这一点。

以下相关代码：

location137 = L.geoJSON.ajax('data/GeoJSON/location137.geojson').bindTooltip('Location: 137');
            location137.on('click',function() {var div = $('<div id="vis1" style="width: 410px; height: 100px;"></div><br/>')[0];
            location137.bindPopup(div); location137._popup.options.maxWidth = 410; vegaEmbed('#vis1',vega137); location137.openPopup();});

我也尝试在DIV元素内添加链接，但这不起作用：

location137 = L.geoJSON.ajax('data/GeoJSON/location137.geojson').bindTooltip('Location: 137');
            location137.on('click',function() {var div = $('<div id="vis1" style="width: 410px; height: 100px;"><a href="/projectpages/location2.0.html">Click to view more!</a></div><br/>')[0];
            location137.bindPopup(div); location137._popup.options.maxWidth = 410; vegaEmbed('#vis1',vega137); location137.openPopup();});

此外，仅编写简单文本也是行不通的，如果我仅用字符串替换整个标签，它也不会显示在弹出窗口中。更改弹出窗口的大小也不会更改任何内容。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）