<div id="mapdiv" style="width: 100%; height: 750px;"></div>

<div class="row" id="mapAxis" style="margin-top: 15px">
    <div class="col-md-4">
        <div class="DropTarget">
            <p>Eje X</p><p class="DragWord">Ubicacion</p>
            <select class="form-control" name="" id="map_select_ejex" > 
                <option value="">Agrupar</option>
            </select>
        </div> 
        <input type="hidden" id="mapejex" value="estado" />
    </div>
    <div class="col-md-4">
        <div class="DropTarget ui-droppable" id="map_DropTargetY">
            <h1>Arrastre aquí el eje Y</h1>
        </div>
        <input type="hidden" id="mapejey" value="" />
    </div>
    <div class="col-md-4 magazine-page">
        <div id="accordion-2" class="panel-group acc-v1">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a>
                            Graficar
                        </a>
                    </h4>
                </div>
                <div class="panel-collapse collapse in" id="collapse-2">
                    <div class="panel-body" style='max-height: 210px; overflow: scroll; overflow-x: hidden;'>
                        <?php
                        $band_edo = 0;
                        $lat_lng_edo =0;
                        if(!empty($modelEnc)){
                            echo '<ul id="DragWordList" class="list-unstyled">';
                            foreach ($modelEnc as $encabezado) {
                                echo '<li class="DragWord" title="'.$encabezado['descripcion'].'" id="'.$encabezado['encabezado'].'">'.$encabezado['nombre_corto'].'</li>';
                            }
                            echo '</ul>';
                        }
                        ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>