如何解决在已经具有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 举报,一经查实,本站将立刻删除。