ACC SHELL

Current File : /srv/www/vhosts/znakom/gmap.html

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Jak se k nám dostanete</title>
    <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
      #panel {
        position: absolute;
        top: 5px;
        left: 50%;
        margin-left: -180px;
        z-index: 5;
				color:#eee;
        background-color: #f00;
        padding: 5px 11px;
        border: 1px solid #999;
				border-radius:10px;
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
      }
			#start {
				padding:5px 5px 5px 10px;
				width:200px;
				border:1px solid #999;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				background-color:#eee;
				margin-left:5px;
				color:#333;
			}
			.ui-widget-overlay {
				opacity: 0.8 !important;
				background-color:#000 !important;
				background-image:none !important;
			}
			a.red {
				color:#f00 !important;
				font-weight:bold !important;
			}
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script>
var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var map;

function initialize() {
  directionsDisplay = new google.maps.DirectionsRenderer();
  var brno = new google.maps.LatLng(49.2107111, 16.6065161);
  var mapOptions = {
    zoom:14,
    center: brno
  }
  map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  directionsDisplay.setMap(map);
	
	  var image = 'images/znakom-marker.png';
		var marker = new google.maps.Marker({
      position: brno,
      map: map,
      icon: image,
  });

}

function calcRoute() {
  var start = document.getElementById('start').value;
  var end = '49.2107111,16.6065161';
  var request = {
      origin:start,
      destination:end,
      travelMode: google.maps.TravelMode.DRIVING
  };
  directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(response);
    }
  });
}

google.maps.event.addDomListener(window, 'load', initialize);

    </script>
		
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.3.1/jquery.cookie.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script type="text/javascript">
	/*
    $(function() {
        if ($.cookie('test_status') != '100')
        {
            setTimeout(function()
            {
								$("#dialog-modal").dialog("open");
                jQuery.cookie('test_status', '1', { expires: 31}); 
            }, 1000);
        }
    });
		
		$(function() {
			$( "#dialog-modal" ).dialog({
			height: 200,
			modal: true,
			autoOpen: false,
			});
		});
		
		*/
</script>		
		
       <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
     <link rel="icon" href="/favicon.ico" type="image/x-icon">
</head>
  <body>
		<div id="dialog-modal" title="Změna adresy!">
			<p>Pozor, změna adresy - novou adresu a plán<br>
			cest najdete zde:<br>
			<a class="red" href="/mapa.html">NOVÁ ADRESA</a></p>
		</div>

    <div id="panel">
    <b>Odkud přijíždíte: </b>
    <select id="start" onChange="calcRoute();">
			<option value="">Vyberte</option>
      <option value="49.1599078,16.5996328">Z dálnice D1</option>
      <option value="49.2226956,16.5362439" waypoints="">Z Bystrce</option>
      <option value="49.2095972,16.5894553">Z Králova Pole</option>
      <option value="49.1837144,16.6045447">Z Poříčí</option>
    </select>
    </div>
    <div id="map-canvas"></div>
  <!-- GA -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-46460317-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 

ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>

</html>
ACC SHELL 2018