我有一个地球仪,上面有使用 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>",
关于javascript - webgl earth javascript 中的 fancybox html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36525342/