Встроенная карта iframe-ed не отображается должным образом в Squarespace

Question

Я создал собственную карту с помощью Leaflet, которая работает в моем личном подкаталоге веб-сайта, когда я открываю его прямо в браузере.

Я вставил кодовый блок на свой сайт Squarespace, например:

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

Когда я это вижу, на моей странице Squarespace появляется пустой белый квадрат. Это размеры, которые я установил с параметрами ширины и высоты. И не выдается сообщение об ошибке. Но сама карта не рендерится.

Кто-нибудь знает, почему это может происходить?

Answer 1

Вероятно, вы столкнулись с проблемой, связанной с протоколом, который вы используете для загрузки iframe. Удалите https: из начала атрибута src. Если это работает, это подтверждает проблему.

Если на вашем веб-сайте Squarespace будет использоваться SSL с вашим пользовательским доменом (https), тогда вам нужно заменить http: на https: вместо полного его удаления. Если ваш веб-сайт Squarespace будет использовать http, вам нужно либо использовать относительную версию протокола (упомянутую в первом абзаце выше), либо придерживаться http: и принять, что вы не сможете просматривать iframe при входе в систему. и редактирование вашего сайта через интерфейс admin / config.