Javascript 嵌入式/iframe-ed传单地图未在正方形空间中正确显示

我建立了一个带有传单的自定义地图，当我在浏览器中直接访问它时，它可以在我的个人网站子目录中工作

我在Squarespace站点中插入了如下代码块：

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

当我查看此内容时，我的Squarespace页面上会出现一个空白的白色正方形。这是我用宽度和高度参数设置的尺寸。并且不会抛出任何错误消息。但是贴图本身并没有渲染

---

有人知道为什么会发生这种情况吗？

您可能会遇到与用于加载iframe的协议相关的问题。从

src

属性的开头删除

https:

。如果这样做有效，这就证实了问题的存在

---

如果使用自定义域（

https

），则需要将

http:

替换为

https:

，而不是将其全部删除。如果您的Squarespace网站将使用

http

，则您需要使用协议相关版本（在上面第一段中提到）或者坚持使用

http:

并接受这样一个事实：当您通过管理/配置界面登录和编辑您的网站时，您将无法查看iframe。

我从

src

属性的开头删除了

http:

，这无疑是朝着正确方向迈出的一步：我在源代码映射中有一个html头（index.html）出现在iframe中的Squarespace中。但是地图本身没有呈现。为什么地图本身而不是html/css会有问题？我还尝试了另一个修改，将其更改为

https:

，这也与我上面的评论具有相同的效果。