Untitled

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title — Pomocnik rowerzysty</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

</head>
<body>

    <div class="logo">
        <img src="https://images84.fotosik.pl/922/aad1618145182f74.jpg" alt="" max-width: 100% />
    </div>

    <div class="navbar navbar-inverse">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                @Html.ActionLink("Pomocnik rowerzysty", "Index", "Home", new { area = "" }, new { @class = "navbar-brand"})
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("Strona główna", "Index", "Home", null, new { @class = "action-link-color" })</li>
                    <li>@Html.ActionLink("Informacje", "About", "Home", null, new { @class = "action-link-color" })</li>
                    <li>@Html.ActionLink("Kontakt", "Contact", "Home", null, new { @class = "action-link-color" })</li>
                    <li>@Html.ActionLink("Mapa", "Map", "Home", null, new { @class = "action-link-color" })</li>
                    <li>@Html.ActionLink("Najlepsze trasy", "NajlepszeTrasy", "Home", null, new { @class = "action-link-color" })</li>
                </ul>
                @Html.Partial("_LoginPartial")
            </div>
        </div>
    </div>

    <div class="container body-content">

        @RenderBody()
        <hr />
        <footer id="footer">
            <p>&copy; @DateTime.Now.Year — aplikacja Pomocnik rowerzysty.</p>
        </footer>
    </div>
    <script>
            function initMap() {
                var map = new google.maps.Map(document.getElementById('map'), {
                    zoom: 4,
                    center: { lat: 53.133, lng: 23.146 }  // Białystok
                });

                var directionsService = new google.maps.DirectionsService;
                var directionsDisplay = new google.maps.DirectionsRenderer({
                    draggable: true,
                    map: map,
                    panel: document.getElementById('right-panel')
                });

                directionsDisplay.addListener('directions_changed', function () {
                    computeTotalDistance(directionsDisplay.getDirections());
                });

                displayRoute('Młodych, Białystok', 'Dojlidy Górne, Białystok', directionsService,
                    directionsDisplay);
            }

            function displayRoute(origin, destination, service, display) {
                service.route({
                    origin: origin,
                    destination: destination,
                    waypoints: [{ location: 'Nowe Miasto, Białystok' }, { location: 'Wygoda, Białystok' }],
                    travelMode: 'BICYCLING',
                    avoidTolls: true
                }, function (response, status) {
                    if (status === 'OK') {
                        display.setDirections(response);
                    } else {
                        alert('Could not display directions due to: ' + status);
                    }
                });
            }

            function computeTotalDistance(result) {
                var total = 0;
                var myroute = result.routes[0];
                for (var i = 0; i < myroute.legs.length; i++) {
                    total += myroute.legs[i].distance.value;
                }
                total = total / 1000;
                document.getElementById('total').innerHTML = total + ' km';
            }
    </script>
    <script>
            var infoWindow;
            function initMap1() {
                var map = new google.maps.Map(document.getElementById('map'), {
                    zoom: 14,
                    center: { lat: 53.086, lng: 23.212 }
                });

                var bikeLayer = new google.maps.BicyclingLayer();
                bikeLayer.setMap(map);
                infoWindow = new google.maps.InfoWindow;

                // Try HTML5 geolocation.
                if (navigator.geolocation) {
                    navigator.geolocation.getCurrentPosition(function (position) {
                        var pos = {
                            lat: position.coords.latitude,
                            lng: position.coords.longitude
                        };

                        infoWindow.setPosition(pos);
                        infoWindow.setContent('Location found.');
                        infoWindow.open(map);
                        map.setCenter(pos);
                    }, function () {
                        handleLocationError(true, infoWindow, map.getCenter());
                    });
                } else {
                    // Browser doesn't support Geolocation
                    handleLocationError(false, infoWindow, map.getCenter());
                }
            }
    </script>


    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)

</body>
</html>