fancybox html inside webgl earth javascript

fancybox html inside webgl earth javascript

本文关键字:earth javascript webgl inside html fancybox      更新时间:2024-03-27

我有一个用webgl earth制作的带有标记的地球仪(http://www.webglearth.org/)我也在使用fancybox来显示youtube视频的弹出窗口(http://fancyapps.com/fancybox/)

我遇到的问题是,我希望视频链接位于我创建的标记中,而我遇到的麻烦是,我无法在javascript中使用标准的html链接。我也尝试过使用这里的方法链接它,但没有成功(https://bencollier.net/2011/05/quickly-creating-an-html-link-in-javascript/)

这是我工作的网站,它将在中国展示一个标志(http://playground.eca.ed.ac.uk/~s1572393/map/globe.html#)

以下是代码中存在问题的部分;

var marker2 = WE.marker([35.8617, 104.1954]).addTo(earth);
            marker2.bindPopup("<b>China</b>",
                    {maxWidth: 120, maxHeight: 120, closeButton: true });

我正试图在显示国家名称的地方添加链接。这是我想在HTML中使用的链接;

<a class="fancybox" href="http://www.youtube.com/watch?v=opj24KnzrWo">Youtube</a>

任何帮助或建议都将不胜感激,谢谢大家。

您的视频没有从Youtube外部播放的权限。有些视频允许嵌入,但有些视频不允许。所以试试其他视频。然后,您可以将<a>标记放入您的全球代码中。

我试过这个视频,它有效。

marker2.bindPopup("<a class='"fancybox'"  href='"https://www.youtube.com/embed/XGSy3_Czz8k'">Youtube<'/a>",