我用Leaflet构建了一个自定义地图，当我在浏览器中直接访问它时，该地图可以在我的个人网站子目录上使用。
我在Squarespace网站中插入了一个代码块，如下所示：
<iframe src="http://www.website.com/test/leaflet/" width="100%" height="540"></iframe>
当我查看此内容时，我的Squarespace页面上会出现一个空白的正方形。这是我使用width和height参数设置的尺寸。并且不会引发任何错误消息。但是地图本身无法渲染。
有人知道为什么会这样吗？
答案 0 :(得分：0)
您可能会遇到与用于加载iframe的协议有关的问题。从https:属性的开头删除src。如果可行，则确认问题。
如果您的Squarespace website will be using SSL用自定义域（https），那么您将要用http:替换https:，而不是将其完全删除。如果您的Squarespace网站将使用http，则您将要使用相对协议版本（在上文第一段中提到），或者坚持使用http:，并接受您将无法查看登录并通过admin / config界面编辑网站时使用iframe。