встраивание geojson.io с помощью iframe - PullRequest
0 голосов
/ 16 мая 2019

Я использую django, и у меня есть метод, который генерирует URL для определенной карты на geojson.io Теперь я пытаюсь внедрить это в мой HTML-код.При использовании кнопки, которая открывает новую вкладку с URL-адресом, все работает нормально, но теперь я хочу встроить это в мою страницу вместо открытия новой вкладки при нажатии кнопки.Так что для этого я прочитал о "iframe".Теперь проблема заключается в том, что при передаче моего URL-адреса в src в «iframe» он не отображает карту во фрейме, а открывает URL-адрес, как если бы вы вводили URL-адрес в браузер.

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

Это проблема с geojson.io или я делаю что-то не так с моим кодом?URL закодирован с помощью encodeURIComponent, который делает это в django с пакетом urllib.

Вот мой HTML-код, который я реализовал с абсолютным путем сгенерированного URL.

<iframe  id="Example"
        title="Example"
        width="300"
        height="200"
        src="http://geojson.io/#data=data:application/json,%7B%22features%22%3A%20%5B%7B%22geometry%22%3A%20%7B%22coordinates%22%3A%20%5B8.6792%2C%2050.1171%5D%2C%20%22type%22%3A%20%22Point%22%7D%2C%20%22properties%22%3A%20%7B%7D%2C%20%22type%22%3A%20%22Feature%22%7D%2C%20%7B%22geometry%22%3A%20%7B%22coordinates%22%3A%20%5B11.5727%2C%2048.1404%5D%2C%20%22type%22%3A%20%22Point%22%7D%2C%20%22properties%22%3A%20%7B%7D%2C%20%22type%22%3A%20%22Feature%22%7D%2C%20%7B%22geometry%22%3A%20%7B%22coordinates%22%3A%20%5B%5B8.6792%2C%2050.1171%5D%2C%20%5B11.5727%2C%2048.1404%5D%5D%2C%20%22type%22%3A%20%22LineString%22%7D%2C%20%22properties%22%3A%20%7B%7D%2C%20%22type%22%3A%20%22Feature%22%7D%5D%2C%20%22type%22%3A%20%22FeatureCollection%22%7D">
</iframe>

Так что мой вопросКак встроить сгенерированный URL-адрес geojson.io с помощью iframe (или других) и почему он ссылается на сайт, а не отображается в рамке?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...