Размещение на странице

Виджет может быть размещён на странице двумя способами.

Простой способ

Просто вставьте на страницу следующий код:

<script
    charset="utf-8"
    src="https://floors-widget.api.2gis.ru/loader.js"
    id="dg-floors-widget-loader"
></script>
<script charset="utf-8">
    DG.FloorsWidget.init({
        width: '960px',
        height: '600px',
        initData: {
            complexId: '141373143573143',
        },
    });
</script>

Виджет появится на странице в том месте, куда был вставлен код. Этот способ хорошо подходит для простых статических страниц.

Продвинутый способ

Подключите на страницу js-файл виджета:

<script
    charset="utf-8"
    src="https://floors-widget.api.2gis.ru/loader.js"
    id="dg-floors-widget-loader"
></script>

Добавьте на страницу div-элемент, внутри которого хотите разместить виджет:

<div id="mywidget"></div>

Проинициализируйте виджет:

DG.FloorsWidget.init({
    container: 'mywidget',
    width: '960px',
    height: '600px',
    initData: {
        complexId: '141373143573143',
    },
});

Обратите внимание на параметр container — в него передаётся id DOM-элемента, либо сам DOM-элемент. Этот способ подходит для более сложных случаев, когда требуется динамически создать виджет после открытия страницы (по нажатию на кнопку и т.п.).