<nav class="nav-heat-map">
    <i class="material-icons" id="backPageHeatMap">arrow_back</i>
</nav>
<div class="container-heat-map" id="heatMap" style="min-height: 150px;min-width: 150px;"></div>
<div class="button-option-heat-map">
    <span class="material-icons">layers</span>
</div>
<div class="container-option-type-dynamic">
    <button type="button" id="buttonCloseOptionDynamic">
        <span class="material-icons">arrow_back</span>
    </button>
    <p>Tipo de dinamica</p>
    <ul>
        <li class="item-option-heat-map-selected" value="lastDynamicPlaces">
            Últimas Dinâmicas do dia
        </li>
        <li class="item-option-heat-map-selected" value="expensiveDynamicsPlaces">
            Dinâmicas mais caras do dia
        </li>
        <li class="item-option-heat-map-selected" value="placesMoreTripsDayAgo">
            Mais viagens no dia anterior
        </li>
        <li class="item-option-heat-map-selected" value="placesMoreTripsWeekAgo">
            Mais viagens há uma semana
        </li>
    </ul>
</div>
<div class="preload-heat-map"></div>
