<style>
    html,
    body,
    #container {
        min-width: 1800px;
        height: 1200px;
    }
</style>
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div class="row">
        <div class="col-md-12">
            <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" />
            <script src="https://webapi.amap.com/maps?v=2.0&key=87c481b056bda4517971a8e8220dd75a&plugin=AMap.PolygonEditor"></script>
            <script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>
            <div id="container"></div>
            <div class="input-card" style="width: 120px">
                <button type="button" id="createPolygon" class="btn" style="margin-bottom: 5px">绘制区域</button>
               <!--  <button type="button" id="polyOpen" class="btn" style="margin-bottom: 5px">开始编辑</button> -->
                <button type="button" id="polyEditor" class="btn">结束编辑</button>
            </div>
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" id="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
           <!--  <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button> -->
        </div>
    </div>
</form>