Como montar esse menu dinamicamente usando json? Que ele fosse montado de acordo com a ordem que viesse. É possivel?
<nav class="navbar navbar-fixed-left navbar-minimal animate" role="navigation">
<div class="navbar-toggler animate">
<span class="menu-icon"></span>
</div>
<ul class="navbar-menu animate">
<li onclick="displayPracaRamos();displayPracaCidadeMilao();">
<a class="animate"> <span class="desc animate"> Praças </span> <span class="glyphicon glyphicon-tree-deciduous"></span>
</a>
</li>
<li onclick="displayCameraCasteloBranco1();displayCameraCasteloBranco2();">
<a class="animate"> <span class="desc animate">Cameras </span>
<span class="glyphicon glyphicon-camera"></span>
</a>
</li>
<li onclick="displayAlarmsMarker()">
<a class="animate"> <span class="desc animate"> Ocorrencias </span> <span class="glyphicon glyphicon glyphicon-alert"></span>
</a>
</li>
<li onclick="showPois()">
<a class="animate"> <span class="desc animate"> POIS </span> <span class="glyphicon glyphicon-map-marker"></span>
</a>
</li>
<li>
<a class="animate"> <span class="desc animate">Minha
Localização</span> <span class="glyphicon glyphicon-pushpin"></span>
</a>
</li>
<li onclick="toggleFullScreen(document.body)">
<a class="animate"> <span class="desc animate">Tela Inteira</span>
<span class="glyphicon glyphicon-fullscreen"></span>
</a>
</li>
<li>
<a href="/PracaInteligente/login" class="animate"> <span class="desc animate"> Sair </span> <span class="glyphicon glyphicon glyphicon-log-out"></span>
</a>
</li>
</ul>
</nav>