1

我有一个使用 webgl 地球（http://www.webgearth.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>

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

4

1 回答 1

2

您的视频无权从 Youtube 外部播放。有些视频允许嵌入，但有些视频不允许。因此，请尝试使用其他视频。然后您可以将<a>标签放入您的地球代码中。

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

marker2.bindPopup("<a class=\"fancybox\"  href=\"https://www.youtube.com/embed/XGSy3_Czz8k\">Youtube<\/a>",
于 2016-04-10T15:41:02.963 回答