时间戳

首页 > 解决方案 > 向 ol3-sidebar 添加控件

javascript - 向 ol3-sidebar 添加控件

问题描述

我正在尝试向我的一个侧边栏会话添加一个控制按钮，但我不知道如何在 openlayers 中做到这一点。我想放在侧边栏中的控件是“ol-ext”扩展名的 printDialog。我将发布我尝试使用的代码，该代码是在传单中制作的。我感谢可能的帮助

HTML - 我要插入控件的会话的 Div

<div class="sidebar-pane" id="print">
                <h1 class="sidebar-header">Impressão<span class="sidebar-close"><i class="fa fa-caret-left"></i></span></h1>
        <p>Clique no botão a seguir para iniciar a Impressão</p>
        <br>
        <!-- place where I want to put the control -->
</div>

JS

var printControl = new ol.control.PrintDialog();
        printControl.setSize('A4');
        printControl.setOrientation('landscape');
        printControl.setMargin(15);
        map.addControl(printControl);

        //attempt to insert the button
        var htmlObject1 = printControl.getContainer();
        var a1 = document.getElementById('print')
        function setParent(el, newParent){
            newParent.appendChild(el);
        }
        setParent(htmlObject1, a1);

标签： javascriptopenlayerssidebargeoopenlayers-5

解决方案

推荐阅读