// JavaScript Document
var directionDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
 
function initialize(lan,log) {
  directionsDisplay = new google.maps.DirectionsRenderer();
  var hotel = new google.maps.LatLng(lan, log);
  var myOptions = {
      zoom: 12,
      center: hotel,
      mapTypeId: google.maps.MapTypeId.SATELLITE,
      mapTypeControl: true,
      mapTypeControlOptions: {
          style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
          position: google.maps.ControlPosition.RIGHT_CENTER
      },
      navigationControl: true,
      navigationControlOptions: {
          style: google.maps.NavigationControlStyle.SMALL,
          position: google.maps.ControlPosition.RIGHT_CENTER
      },
      scaleControl: true,
      scaleControlOptions: {
          position: google.maps.ControlPosition.RIGHT_CENTER
      }
  }
    
	map = new google.maps.Map(document.getElementById("boxMappa"), myOptions);
	var image = 'http://www.hotelfloridianaischia.com/_common/images/flag.png';
  var beachMarker = new google.maps.Marker({
	 position: hotel,
	 map: map,
	 icon: image
  });
  directionsDisplay.setMap(map);
  directionsDisplay.setPanel(document.getElementById("directionsPanel"));
}
  
function calcRoute() {
  var start = document.getElementById("start").value;
  var end = document.getElementById("end").value;
  var request = {
    origin:start, 
    destination:end,
    travelMode: google.maps.DirectionsTravelMode.DRIVING
  };
  directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(response);
    }
  });
}