嵌入式/ iframe的传单地图无法在Squarespace中正确显示

Question

我使用Leaflet构建了一个自定义地图，当我在浏览器中直接访问该地图时，该地图可在我的个人网站子目录上使用。

我在Squarespace网站中插入了一个代码块，如下所示：

<iframe src="http://www.website.com/test/leaflet/" width="100%" height="540"></iframe>

当我查看此内容时，我的Squarespace页面上会出现一个空白的正方形。 这是我使用width和height参数设置的尺寸。 并且不会引发任何错误消息。 但是地图本身并未渲染。

有谁知道为什么会这样？

Answer 1

您可能会遇到与用于加载iframe的协议有关的问题。 从src属性的开头删除https: 如果可行，则可以确认问题。

如果您的Squarespace网站将使用带有自定义域（ https ）的SSL ，那么您将要用https:替换http: https:而不是将其完全删除。 如果您的Squarespace网站将使用http则您将希望使用协议的相对版本（在上面的第一段中提到）或坚持使用http:并接受您将无法在登录和编辑自己的iframe时查看iframe通过admin / config界面访问网站。