@model PantheonRA.WebApi.Contracts.ZDashPanel
@{
    var chartId = "zChart-" + Model.Qid;
}

<div class="dash-panel-header">
    <p class="dash-panel-title">@Model.Title</p>
    <p class="dash-panel-description">@Model.Description</p>

</div>

<div id="@chartId" style="height:250px"></div>

<script>
    $(document).ready(function () {
        initializeMap();
    });

    function initializeMap() {
        var directionsService = new google.maps.DirectionsService;
        var directionsRenderer = new google.maps.DirectionsRenderer({
            suppressMarkers: true
        });

        var map = new google.maps.Map(document.getElementById('@chartId'), {
            center: { lat: 46.055333112, lng: 14.507831302 },
            zoom: 5,
            mapTypeId: 'roadmap'
        });

        directionsRenderer.setMap(map);
        //calculateAndDisplayRoute(directionsService, directionsRenderer, map);
    }
</script>