FR | EN

SELECT THE HOTEL All La Sultana Marrakech La Sultana Oualidia	DATE CHECK-IN	DATE CHECK-OUT	NIGHTS	Check Availability

A team made of a designer, a creative writer, an architect, engineers and other experts contributed to the "La Sultana" signature to create unique hotels boasting the glorious historical past and natural environments of Morocco.
La Sultana Marrakech and La Sultana Oualidia are very different properties and yet so similar.
La Sultana Marrakech is all about experiencing the traditional historical atmosphere of Marrakech. La Sultana Oualidia is set in an incredible natural and preserved environment.

Our projects cast all the light on the gifted Moroccan Master Craftsmen and on the local and noble materials they have used for centuries, as evidenced by our Spas and pieces of Orientalist Art designed to soothe the body and nourish the soul.

Each property has been thought through for the guests to feel unique and at home at the same time. The properties are unique, complementary and therefore exquisite as a combined journey to discover the magic of Morocco.

Decoration combining luxurious ambiance and sophisticated elegance

Luxurious restaurant in Marrakech

Our Offers

CONCEPT	SUSTAINABILITY
PRESS	BLOG
STAY CONNECTED TO LA SULTANA HOTELS SIGNATURE

TEL. +212 5 24 38 80 08 - RESERVATION@LASULTANAHOTELS.COM Sign up to receive special offers in your box

Vogue USA | "After Marrakech, Go to Oualidia, the Montauk of Morocco"
Voyages & Hôtels de Rêve |Les 100 plus beaux Hôtels du monde (La Sultana Marrakech)
Tatler | "Nothing, and we mean nothing, is too much trouble for the brilliant front desk at La Sultana." (La Sultana Marrakech)
FT Spa Junkies | "This was just the weekend spa break I was after – truly relaxing. The spa is a gorgeous jewel and the treatments performed with love and care." (La Sultana Marrakech)
Safari | Top 100 World Best Beach Resorts (La Sultana Oualidia)
Brides | "Moroccan Charm + the beach = what could be better." (La Sultana Oualidia)
Sunday Times | "La Sultana offers quiet courtyards, an outdoor pool, stained glass and Berber antiques." (La Sultana Marrakech)

CONTACT US | E-BROCHURE | PHOTO LIBRARY | VIDEOS | SUSTAINABILITY

 

Notice (8): Undefined index: HTTP_ACCEPT_LANGUAGE [APP/View/Layouts/default.ctp, line 170]
Code Context
}
</style>
<?php  $ll = substr($_SERVER['HTTP_ACCEPT_LANGUAGE'], 0, 2); ?>
$viewFile = '/var/www/vhosts/lasultanahotels.com/test.lasultanahotels.com/app/View/Layouts/default.ctp'
$dataForView = array(
	'page' => array(
		'Page' => array(
			'id' => '44',
			'title' => '',
			'content' => '',
			'photo' => null,
			'file' => '',
			'hotels_id' => '4',
			'languages_id' => '1',
			'slug' => 'concept',
			'header' => '',
			'enligne' => true,
			'metatitle' => '',
			'metadescription' => '',
			'ordre' => '2',
			'type' => 'Default',
			'locale' => 'eng'
		),
		(int) 0 => array(
			'Page__i18n__title' => 'Concept',
			'Page__i18n__content' => '<p>A team made of a designer, a creative writer, an architect, engineers and other experts contributed to the "La Sultana" signature to create unique hotels boasting the glorious historical past and natural environments of Morocco.<br>La Sultana Marrakech and La Sultana Oualidia are very different properties and yet so similar.<br>La Sultana Marrakech is all about experiencing the traditional historical atmosphere of Marrakech. La Sultana Oualidia is set in an incredible natural and preserved environment. <br><span style="line-height: 1.45em; background-color: initial;"><br>Our projects cast all the light on the gifted Moroccan Master Craftsmen and on the local and noble materials they have used for centuries, as evidenced by our Spas and pieces of Orientalist Art designed to soothe the body and nourish the soul.</span><br></p><p>Each property has been thought through for the guests to feel unique and at home at the same time. The properties are unique, complementary and therefore exquisite as a combined journey to discover the magic of Morocco.</p>
'
		),
		'_title' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'_content' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'Media' => array()
	),
	'menu' => array(
		(int) 0 => array(
			'Page' => array(
				[maximum depth reached]
			),
			'_title' => array(
				[maximum depth reached]
			),
			'_content' => array(
				[maximum depth reached]
			),
			'Media' => array([maximum depth reached])
		),
		(int) 1 => array(
			'Page' => array(
				[maximum depth reached]
			),
			'_title' => array(
				[maximum depth reached]
			),
			'_content' => array(
				[maximum depth reached]
			),
			'Media' => array([maximum depth reached])
		),
		(int) 2 => array(
			'Page' => array(
				[maximum depth reached]
			),
			'_title' => array(
				[maximum depth reached]
			),
			'_content' => array(
				[maximum depth reached]
			),
			'Media' => array([maximum depth reached])
		),
		(int) 3 => array(
			'Page' => array(
				[maximum depth reached]
			),
			'_title' => array(
				[maximum depth reached]
			),
			'_content' => array(
				[maximum depth reached]
			),
			'Media' => array([maximum depth reached])
		),
		(int) 4 => array(
			'Page' => array(
				[maximum depth reached]
			),
			'_title' => array(
				[maximum depth reached]
			),
			'_content' => array(
				[maximum depth reached]
			),
			'Media' => array(
				[maximum depth reached]
			)
		),
		(int) 5 => array(
			'Page' => array(
				[maximum depth reached]
			),
			'_title' => array(
				[maximum depth reached]
			),
			'_content' => array(
				[maximum depth reached]
			),
			'Media' => array(
				[maximum depth reached]
			)
		),
		(int) 6 => array(
			'Page' => array(
				[maximum depth reached]
			),
			'_title' => array(
				[maximum depth reached]
			),
			'_content' => array(
				[maximum depth reached]
			),
			'Media' => array(
				[maximum depth reached]
			)
		)
	),
	'photos' => array(
		(int) 0 => array(
			'PagesPhoto' => array(
				[maximum depth reached]
			),
			'_legend' => array(
				[maximum depth reached]
			)
		),
		(int) 1 => array(
			'PagesPhoto' => array(
				[maximum depth reached]
			),
			'_legend' => array(
				[maximum depth reached]
			)
		)
	),
	'files' => array(),
	'content_for_layout' => '   

  
<div class="pageContent"> </div>





   

 <div style="position: relative;">
 	<div class="slider-wrapper theme-default"  > 
      <div id="sliderx" class="nivoSlider">    
               
             	                  <img src="/photos/2019/02/la-sultana-marrakech-mosque-monument_l.jpg" alt="2019/02/la-sultana-marrakech-mosque-monument.jpg" hotel=""/>    
             	               
             	                  <img src="/photos/2019/02/la-sultana-oualidia-lagune_l.jpg" alt="2019/02/la-sultana-oualidia-lagune.jpg" hotel=""/>    
             	              
        </div> 
    </div>
        

    
<div id="content" class="row contentColumn" >
  <p>A team made of a designer, a creative writer, an architect, engineers and other experts contributed to the "La Sultana" signature to create unique hotels boasting the glorious historical past and natural environments of Morocco.<br>La Sultana Marrakech and La Sultana Oualidia are very different properties and yet so similar.<br>La Sultana Marrakech is all about experiencing the traditional historical atmosphere of Marrakech. La Sultana Oualidia is set in an incredible natural and preserved environment. <br><span style="line-height: 1.45em; background-color: initial;"><br>Our projects cast all the light on the gifted Moroccan Master Craftsmen and on the local and noble materials they have used for centuries, as evidenced by our Spas and pieces of Orientalist Art designed to soothe the body and nourish the soul.</span><br></p><p>Each property has been thought through for the guests to feel unique and at home at the same time. The properties are unique, complementary and therefore exquisite as a combined journey to discover the magic of Morocco.</p>
 
</div> 

 
 
<div id="map-canvas"  ></div>
     
       
        
    
    
 
<style type="text/css">
div.i4ewOd-pzNkMb-haAclf{display: none;}
</style>
   
 
    
  
 <ul class="file">  
            <ul>






 </div> 




',
	'scripts_for_layout' => '<link href="https://www.lasultanahotels.com/p/hotel" rel="canonical"/><script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCwTl0HAKFHnGsPPK11qZwfF8dEjr8eJtY&sensor=false"></script><script type="text/javascript" src="/js/map-infobox.js"></script><script type="text/javascript">
//<![CDATA[

   

                   var MarrakechMonuments = [
                      ['Place Jemaa El Fna', 31.62582, -7.98896, 4,'/img/pinred.png','','1.3 km<br>10 min à pied/ walking<br>6 min en calèche/ horse carriage',"180px",''],
                      ['Tombeaux saadiens', 31.61727, -7.98883, 5,'/img/pinred.png','',' 0.05 km<br>1 min à pied/ walking',"190px",''],
                      ['Palais de la Bahia', 31.621745, -7.981514, 3,'/img/pinred.png','','1.1 km<br>8 min à pied/ walking',"180px",''],
                      ['Palais el badi', 31.61861, -7.98663, 2,'/img/pinred.png','','0.8 Km <br> 5 min à pied / walking',"180px",''],
                      ['Jardins Majorelle', 31.64143, -8.00233, 1,'/img/pinred.png','','3.6 km<br>10 min en voiture/ driving<br>45 min en calèche/ horse carriage ',"180px",''],
                      ['Koutoubia Mosquée', 31.624108, -7.993267, 6,'/img/pinred.png','','1.3 km<br>10 min à pied/ walking<br>6 min en calèche/ horse carriage',"180px",''],               
                   ['Bab Agnaou', 31.617590, -7.990711, 7,'/img/pinred.png','','1 min à pied/ walking',"180px",''],
                   ['musée YVES SAINT LAURENT', 31.642943, -8.003184, 7,'/img/pinred.png','','3.6 km<br>10 min en voiture/ driving<br>45 min en calèche/ horse carriage',"180px",''],
                   ];

                   var MarrakechGolfs = [
                      ['Golf royal', 31.6081, -7.9467, 7,'/img/pingreen.png','','5.5 km<br>15 min en voiture/ driving',"180px",''],
                      ['Golf Amelkis', 31.6173, -7.9267, 8,'/img/pingreen.png','','5.7 Km <br> 15 min en voiture / driving',"180px",''],
                      ['Golf Samannah', 31.5025, -8.041, 9,'/img/pingreen.png','','',"180px",''],
                      ['Golf Atlas', 31.59051, -8.01262, 10,'/img/pingreen.png','','3 km<br>10 min en voiture/ driving',"180px",''],
                       ['Golf Al Maaden', 31.5931, -7.9407, 11,'/img/pingreen.png','',' 5.5 km<br>15 min en voiture/ driving',"180px",'']
                    ];

                    var MarrakechAero = [
                      ['Aéroport Marrakech Menara', 31.60205,-8.027261, 7,'/img/pingray.png','','5 km<br>15 min en voiture/ driving',"180px",'']
                    ];



                var Oualidia = [
                      ['Aéroport International Mohammed V', 33.373689,-7.581167, 4,'/img/pingray.png','','180 Km <br> 2H30min en voitre / driving',"180px",''],
                      ['Golf El Jadida', 33.287059,-8.377419, 5,'/img/pingreen.png','','80 Km <br> 50 min',"180px",''],
                      ['Aéroport Marrakech Menara', 31.60205,-8.027261, 7,'/img/pingray.png','','185 Km <br> 2H45min en voiture / driving',"180px",'']         
                    ];

                    var imagemarrakech = {
                      url: '/img/logomap_marrakech.png', 
                      size: new google.maps.Size(100, 90), 
                      origin: new google.maps.Point(0,0), 
                      anchor: new google.maps.Point(45, 10)
                    };

                    var imageoualidia = {
                       url: '/img/logomap_oualidia.png', 
                       size: new google.maps.Size(100, 90), 
                       origin: new google.maps.Point(0,0), 
                       anchor: new google.maps.Point(45, 80)
                    };

                    var imageyacht = {
                       url: '/img/logomap_yacht.png', 
                       size: new google.maps.Size(100, 90), 
                       origin: new google.maps.Point(0,0), 
                       anchor: new google.maps.Point(45, 80)
                    };  

                var Hotels = [
                      ['', 32.739769,-9.030815 , 1,imageoualidia,'/img/lasultana-walidia.jpg','',"110px",'/oualidia'],
                      ['', 31.616891, -7.988777, 2,imagemarrakech,'/img/lasultana-marrakech.jpg','',"110px",'/marrakech'],
                     // ['', 23.7313, -15.964, 2,imageyacht,'/img/lasultana-yacht.jpg','',"110px",'/yacht'],
                     // ['', 35.828, -5.804, 2,imageyacht,'/img/lasultana-yacht.jpg','',"110px",'/yacht']                    
                    ];    
 
                    

        function buttons(map){
           var homeControlDiv = document.createElement('div');           
          var homeControl = new HomeControl(homeControlDiv, map,'Monuments','../img/pinred.png');
          homeControlDiv.index = 1;
          var homeControl2 = new HomeControl(homeControlDiv, map,'Golfs','../img/pingreen.png'); 
          var homeControl4 = new HomeControl(homeControlDiv, map,'Aéroport','../img/pingray.png');  
          var homeControl3 = new HomeControl(homeControlDiv, map,'Tout',null); 
          map.controls[google.maps.ControlPosition.TOP_RIGHT].push(homeControlDiv); 
        }



 function setMarkers(map, locations) {     

     function addInfoWindow(marker, message,w,link) {
             var boxText = document.createElement("div");
             boxText.style.cssText = " padding: 5px;";
             boxText.innerHTML = message;                
             var myOptions = {
                 content: boxText
                ,disableAutoPan: false
                ,maxWidth: 0
                 ,pixelOffset: new google.maps.Size(0, 0)
                ,zIndex: null
                ,boxStyle: { 
                  background: "#fff"
                  ,opacity: 1
                  ,width: w
                  ,color:"#888"
                  ,fontSize:"9pt"
                  ,textAlign: "center" 
                 }
                ,closeBoxMargin: "0"
                ,closeBoxURL: ""
                ,infoBoxClearance: new google.maps.Size(1, 1)
                ,isHidden: false
                ,pane: "floatPane"
                ,enableEventPropagation: false
             };
            var infoWindow = new InfoBox(myOptions);
       
            google.maps.event.addListener(marker, 'mouseover', function () {
                infoWindow.open(map, marker);
            });
            google.maps.event.addListener(marker, 'mouseout', function () {
                infoWindow.close();
            }); 
           
            google.maps.event.addListener(marker, 'click', function () { 
                 if(link==""){

                 }else{ 
                 window.location = link;              
                 }
            });
            
        }

  for (var i = 0; i < locations.length; i++) {
    var beach = locations[i];
    var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
    var image = beach[4];
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        //shadow: shadow,
        icon: image,
        //shape: shape,
        //title: beach[0],
        zIndex: beach[3]
    });
     
      var m = '<div id="content">';
     if(beach[0]!=""){m = m+'<span id="firstHeading" style="font-weight:bold;font-size:13px;font-family:myriadproregular;" class="firstHeading">'+beach[0]+'</span>';}
     //m=m+'<div id="bodyContent">';
     if(beach[6]!=""){m = m+'<span Style="text-align:center"> - '+beach[6]+'</span>';} 
     if(beach[5]!=""){m = m+'<img width="100" src="'+beach[5]+'">';} 
    // m= m+'</div>'+
     '</div>';

     addInfoWindow(marker,m,beach[7],beach[8]);
  } 
}

                  
                        

     
function HomeControl(controlDiv, map,text,img) {
 
  controlDiv.style.width = '500px';
 
  var controlUI = document.createElement('div');
  controlUI.style.width = '110px';  
  controlUI.style.cssFloat = 'left';
  controlUI.style.margin = '4px';
  controlUI.style.backgroundColor = '#fff';
  controlUI.style.borderStyle = 'solid';
  controlUI.style.borderWidth = '1px';
  controlUI.style.borderColor = '#ddd';
  controlUI.style.cursor = 'pointer';
  controlUI.style.textAlign = 'center';
  controlUI.title = 'Click to set the map to Home';
  controlDiv.appendChild(controlUI);
 
  var controlText = document.createElement('div');
  controlText.style.fontFamily = 'myriadproregular';
  controlText.style.fontSize = '12px';
  controlText.style.color = '#888';
  controlText.style.paddingLeft = '8px';
  controlText.style.paddingRight = '8px'; 
  if(img!=null){
    var imx = '<img style="height:10px !important;"  src="'+img+'"> ';
  }else{
    var imx = '';
  }
  controlText.innerHTML = imx + ' <strong>'+text+'</strong>';
  controlUI.appendChild(controlText);
 
  google.maps.event.addDomListener(controlUI, 'click', function() {
    if(text=='Golfs'){
      initializeGolfs();
    }
    else if(text=='Monuments'){
      initializeMonuments();
    }
    else if(text=='Tout'){
      initialize();
    }
    else if(text=='Aéroport'){
      initializeAero();
    }
    /*else if(text=='Back'){
      $(location).attr('href',"/maps");
    }*/
  });
}
 




function addInfoWindow2(marker, message,map,w,link) {
             var boxText = document.createElement("div");
        boxText.style.cssText = " padding: 5px;";
        boxText.innerHTML = message;
                
        var myOptions = {
                 content: boxText
                ,disableAutoPan: false
                ,maxWidth: 0
                 ,pixelOffset: new google.maps.Size(0, 0)
                ,zIndex: null
                ,boxStyle: { 
                  background: "#fff"
                  ,opacity: 1
                  ,width: w
                  ,color:"#888"
                  ,fontSize:"6pt"
                  ,textAlign: "center" 
                 }
                ,closeBoxMargin: "0"
                ,closeBoxURL: ""
                ,infoBoxClearance: new google.maps.Size(1, 1)
                ,isHidden: false
                ,pane: "floatPane"
                ,enableEventPropagation: false
          };

            var infoWindow = new InfoBox(myOptions);
       
            google.maps.event.addListener(marker, 'mouseover', function () {
                infoWindow.open(map, marker);
            });
            google.maps.event.addListener(marker, 'mouseout', function () {
                infoWindow.close();
            });
            google.maps.event.addListener(marker, 'click', function () {
                 window.location = link;
            });
        }


        


      function initialize() {
      	var myLatlng = new google.maps.LatLng(31.616891, -7.988777);
        var mapOptions = {
          center: myLatlng,

           minZoom: 10, maxZoom: 19,
          zoom: 13, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imagemarrakech ;
        var marker = new google.maps.Marker({
          position: myLatlng,
          title:"",
          icon: image
        }); 
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-marrakech.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/marrakech');
        marker.setMap(map); 
        setMarkers(map, MarrakechMonuments);
        setMarkers(map, MarrakechGolfs);
        setMarkers(map, MarrakechAero);

         
        buttons(map);


         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(29.61689, -9.988777), 
     new google.maps.LatLng(32.61689, -5.988777));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   
      }


function initializeMonuments() {
        var myLatlng = new google.maps.LatLng(31.616891, -7.988777);
        var mapOptions = {
          center: myLatlng,
           minZoom: 10, maxZoom: 19,
          zoom: 13, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imagemarrakech ;
        var marker = new google.maps.Marker({
          position: myLatlng,
          title:"",
          icon: image
        }); 
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-marrakech.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/marrakech');
        marker.setMap(map); 
        setMarkers(map, MarrakechMonuments); 

         
        buttons(map);



         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(29.61689, -9.988777), 
     new google.maps.LatLng(32.61689, -5.988777));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   


                   
      }


      function initializeGolfs() {
        var myLatlng = new google.maps.LatLng(31.616891, -7.988777);
        var mapOptions = {
          center: myLatlng,
           minZoom: 10, maxZoom: 19,
          zoom: 13, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imagemarrakech ;
        var marker = new google.maps.Marker({
          position: myLatlng,
          title:"",
          icon: image
        }); 
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-marrakech.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/marrakech');
        marker.setMap(map);  
        setMarkers(map, MarrakechGolfs);

         buttons(map);
             


         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(29.61689, -9.988777), 
     new google.maps.LatLng(32.61689, -5.988777));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   

      
      }



      function initializeAero() {
        var myLatlng = new google.maps.LatLng(31.616891, -7.988777);
        var mapOptions = {
          center: myLatlng,
           minZoom: 10, maxZoom: 19,
          zoom: 13, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imagemarrakech ;
        var marker = new google.maps.Marker({
          position: myLatlng,
          title:"",
          icon: image
        }); 
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-marrakech.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/marrakech');
        marker.setMap(map);  
        setMarkers(map, MarrakechAero);

         buttons(map);
               


         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(29.61689, -9.988777), 
     new google.maps.LatLng(32.61689, -5.988777));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   

    
      }






      function initialize2() {
        var myLatlng = new google.maps.LatLng(32.739769,-9.030815);
        var mapOptions = {
          center: myLatlng,
           minZoom: 8, maxZoom: 19,
          zoom: 8, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imageoualidia;
        var marker = new google.maps.Marker({
          position: myLatlng, 
          icon: image
        });  
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-walidia.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/oualidia');
        marker.setMap(map); 
        setMarkers(map, Oualidia);   


         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(32.739769, -9.03081), 
     new google.maps.LatLng(33.739769, -10.03081));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   
    
      } 




function initializex() {
        var myLatlng = new google.maps.LatLng(30.742526,-8.027752);
        var mapStyles = [{featureType: "administrative.country",stylers: [{ visibility: "off" }]}];
    var mapType = new google.maps.StyledMapType(mapStyles ,{name: "Maroc"});

        var mapOptions = {
          center: myLatlng,
          zoom: 6, 

           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP, 
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

           map.mapTypes.set('maroc', mapType );
        map.setMapTypeId('maroc');
        layer = new google.maps.FusionTablesLayer({
                    query: {
                select: 'geometry',
                from: '1S4aLkBE5u_WS0WMVSchhBgMLdAARuPEjyW4rs20',
                    where: "col1 contains 'MAR'"
                },
                styles: [{
                    polylineOptions: {
                        strokeColor: "#333333",
                        strokeWeight: 2
                    },
                }],
                suppressInfoWindows: true,
        });
        layer.setMap(map);
        
        setMarkers(map, Hotels);   

        //var homeControlDiv = document.createElement('div');           
         // var homeControl = new HomeControl(homeControlDiv, map,'Back');
         // homeControlDiv.index = 1;
         // map.controls[google.maps.ControlPosition.TOP_LEFT].push(homeControlDiv);    
      } 

      


//]]>
</script><script type="text/javascript">
//<![CDATA[
    $(document).ready(function() {  
      function update() {  
        $.ajax({
           type: 'GET',
           url: '/pages/getTime', 
           success: function(data) {
              $("#timer").html(data); 
           },
        });
      } 
       update();
        setInterval(update, 40000); 
    });

    $('ul.nav>li>a , ul.nav>li>ul.dropdown-menu>li>a').click(function(e){
      var slug = $(this).attr('data-slug');
      var hotel = "hotel";

        
       $.ajax({
          method: 'GET',
           url: '/pages/getContent/'+slug, 
           success: function(data) {  
             data = $.parseJSON(data); 
             console.log(data)
             $("div#content").html(data.content );
             fillFiles(data.files);
             if(hotel=="marrakech" && slug=="Localisation"){
                 $('div#map-canvas').css({"width":"100%" , "height":"400px"});
                 initialize();
             }
             else if(hotel=="oualidia" && slug=="Localisation"){
                 $('div#map-canvas').css({"width":"100%" , "height":"400px"});
                 initialize2();
             }else{
              $('div#map-canvas').css({"width":"0" , "height":"0px"});
             }
           },
        });  

        function fillFiles(files){ 
          var filehtml ="";
          for(var i=0;i<files.length ; i++){ 
            filehtml = filehtml + "<li><a href='../pdfs/"+files[i]['File']['name']+"' target='blank'>"+files[i]['File']['legend']+"</a></li>";
          }
          $("ul.file").html(filehtml);
        }
       e.preventDefault(); 
       }); 

//]]>
</script>',
	'title_for_layout' => 'Pages'
)
$page = array(
	'Page' => array(
		'id' => '44',
		'title' => '',
		'content' => '',
		'photo' => null,
		'file' => '',
		'hotels_id' => '4',
		'languages_id' => '1',
		'slug' => 'concept',
		'header' => '',
		'enligne' => true,
		'metatitle' => '',
		'metadescription' => '',
		'ordre' => '2',
		'type' => 'Default',
		'locale' => 'eng'
	),
	(int) 0 => array(
		'Page__i18n__title' => 'Concept',
		'Page__i18n__content' => '<p>A team made of a designer, a creative writer, an architect, engineers and other experts contributed to the "La Sultana" signature to create unique hotels boasting the glorious historical past and natural environments of Morocco.<br>La Sultana Marrakech and La Sultana Oualidia are very different properties and yet so similar.<br>La Sultana Marrakech is all about experiencing the traditional historical atmosphere of Marrakech. La Sultana Oualidia is set in an incredible natural and preserved environment. <br><span style="line-height: 1.45em; background-color: initial;"><br>Our projects cast all the light on the gifted Moroccan Master Craftsmen and on the local and noble materials they have used for centuries, as evidenced by our Spas and pieces of Orientalist Art designed to soothe the body and nourish the soul.</span><br></p><p>Each property has been thought through for the guests to feel unique and at home at the same time. The properties are unique, complementary and therefore exquisite as a combined journey to discover the magic of Morocco.</p>
'
	),
	'_title' => array(
		(int) 0 => array(
			'id' => '78',
			'locale' => 'fre',
			'model' => 'Page',
			'foreign_key' => '44',
			'field' => 'title',
			'content' => 'Concept'
		),
		(int) 1 => array(
			'id' => '79',
			'locale' => 'eng',
			'model' => 'Page',
			'foreign_key' => '44',
			'field' => 'title',
			'content' => 'Concept'
		)
	),
	'_content' => array(
		(int) 0 => array(
			'id' => '80',
			'locale' => 'fre',
			'model' => 'Page',
			'foreign_key' => '44',
			'field' => 'content',
			'content' => '<p>A l’origine, le concept de la Sultana Hotels a été confié à des créateurs, architectes, spécialistes, conseillers et techniciens, avec deux impératifs de base: Le respect de l’Histoire et de la Géographie.<br>C’est pourquoi les deux hôtels sont à la fois si différents et semblables. <br>A Marrakech, le poids de l’histoire est évident; à Oualidia, l’intégration à l’environnement est incontournable.<br>Les deux concepts ont été pensés comme des faire-valoir des artisans marocains et des matériaux locaux et nobles qu'ils utilisent depuis des siècles, tout en donnant la priorité au bien-être du corps et de l'esprit grâce à des Spas à l'atmosphère magique et l’omniprésence de l’Art Orientaliste.<br>Chaque propriété a été conçue pour que chaque hôte se sente à la fois unique et chez lui. Leur caractère unique et complémentaire en font des étapes exquises sur le chemin de la découverte de la magie du Royaume du Maroc.</p>
'
		),
		(int) 1 => array(
			'id' => '81',
			'locale' => 'eng',
			'model' => 'Page',
			'foreign_key' => '44',
			'field' => 'content',
			'content' => '<p>A team made of a designer, a creative writer, an architect, engineers and other experts contributed to the "La Sultana" signature to create unique hotels boasting the glorious historical past and natural environments of Morocco.<br>La Sultana Marrakech and La Sultana Oualidia are very different properties and yet so similar.<br>La Sultana Marrakech is all about experiencing the traditional historical atmosphere of Marrakech. La Sultana Oualidia is set in an incredible natural and preserved environment. <br><span style="line-height: 1.45em; background-color: initial;"><br>Our projects cast all the light on the gifted Moroccan Master Craftsmen and on the local and noble materials they have used for centuries, as evidenced by our Spas and pieces of Orientalist Art designed to soothe the body and nourish the soul.</span><br></p><p>Each property has been thought through for the guests to feel unique and at home at the same time. The properties are unique, complementary and therefore exquisite as a combined journey to discover the magic of Morocco.</p>
'
		)
	),
	'Media' => array()
)
$menu = array(
	(int) 0 => array(
		'Page' => array(
			'hotels_id' => '4',
			'slug' => 'spa',
			'id' => '43',
			'locale' => 'eng',
			'title' => 'SPA'
		),
		'_title' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'_content' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'Media' => array()
	),
	(int) 1 => array(
		'Page' => array(
			'hotels_id' => '4',
			'slug' => 'concept',
			'id' => '44',
			'locale' => 'eng',
			'title' => 'Concept'
		),
		'_title' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'_content' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'Media' => array()
	),
	(int) 2 => array(
		'Page' => array(
			'hotels_id' => '4',
			'slug' => 'politique-environnementale',
			'id' => '66',
			'locale' => 'eng',
			'title' => 'SUSTAINABILITY ENGAGEMENTS'
		),
		'_title' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'_content' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'Media' => array()
	),
	(int) 3 => array(
		'Page' => array(
			'hotels_id' => '4',
			'slug' => 'Experience',
			'id' => '58',
			'locale' => 'eng',
			'title' => 'Experience'
		),
		'_title' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'_content' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'Media' => array()
	),
	(int) 4 => array(
		'Page' => array(
			'hotels_id' => '4',
			'slug' => 'our-actions',
			'id' => '89',
			'locale' => 'eng',
			'title' => 'OUR ACTIONS'
		),
		'_title' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'_content' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'Media' => array(
			(int) 167 => array(
				[maximum depth reached]
			),
			(int) 172 => array(
				[maximum depth reached]
			),
			(int) 173 => array(
				[maximum depth reached]
			)
		)
	),
	(int) 5 => array(
		'Page' => array(
			'hotels_id' => '4',
			'slug' => 'dar-bouidar',
			'id' => '93',
			'locale' => 'eng',
			'title' => 'DAR BOUIDAR'
		),
		'_title' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'_content' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'Media' => array(
			(int) 171 => array(
				[maximum depth reached]
			)
		)
	),
	(int) 6 => array(
		'Page' => array(
			'hotels_id' => '4',
			'slug' => 'save-the-birds-in-oualidia',
			'id' => '92',
			'locale' => 'eng',
			'title' => 'SAVE THE BIRDS OF THE WORLD IN OUALIDIA & BEACH CLEAN-UP '
		),
		'_title' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'_content' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'Media' => array(
			(int) 169 => array(
				[maximum depth reached]
			)
		)
	)
)
$photos = array(
	(int) 0 => array(
		'PagesPhoto' => array(
			'path' => '2019/02/la-sultana-marrakech-mosque-monument.jpg',
			'id' => '317',
			'locale' => 'eng',
			'legend' => ''
		),
		'_legend' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		)
	),
	(int) 1 => array(
		'PagesPhoto' => array(
			'path' => '2019/02/la-sultana-oualidia-lagune.jpg',
			'id' => '318',
			'locale' => 'eng',
			'legend' => ''
		),
		'_legend' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		)
	)
)
$files = array()
$content_for_layout = '   

  
<div class="pageContent"> </div>





   

 <div style="position: relative;">
 	<div class="slider-wrapper theme-default"  > 
      <div id="sliderx" class="nivoSlider">    
               
             	                  <img src="/photos/2019/02/la-sultana-marrakech-mosque-monument_l.jpg" alt="2019/02/la-sultana-marrakech-mosque-monument.jpg" hotel=""/>    
             	               
             	                  <img src="/photos/2019/02/la-sultana-oualidia-lagune_l.jpg" alt="2019/02/la-sultana-oualidia-lagune.jpg" hotel=""/>    
             	              
        </div> 
    </div>
        

    
<div id="content" class="row contentColumn" >
  <p>A team made of a designer, a creative writer, an architect, engineers and other experts contributed to the "La Sultana" signature to create unique hotels boasting the glorious historical past and natural environments of Morocco.<br>La Sultana Marrakech and La Sultana Oualidia are very different properties and yet so similar.<br>La Sultana Marrakech is all about experiencing the traditional historical atmosphere of Marrakech. La Sultana Oualidia is set in an incredible natural and preserved environment. <br><span style="line-height: 1.45em; background-color: initial;"><br>Our projects cast all the light on the gifted Moroccan Master Craftsmen and on the local and noble materials they have used for centuries, as evidenced by our Spas and pieces of Orientalist Art designed to soothe the body and nourish the soul.</span><br></p><p>Each property has been thought through for the guests to feel unique and at home at the same time. The properties are unique, complementary and therefore exquisite as a combined journey to discover the magic of Morocco.</p>
 
</div> 

 
 
<div id="map-canvas"  ></div>
     
       
        
    
    
 
<style type="text/css">
div.i4ewOd-pzNkMb-haAclf{display: none;}
</style>
   
 
    
  
 <ul class="file">  
            <ul>






 </div> 




'
$scripts_for_layout = '<link href="https://www.lasultanahotels.com/p/hotel" rel="canonical"/><script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCwTl0HAKFHnGsPPK11qZwfF8dEjr8eJtY&sensor=false"></script><script type="text/javascript" src="/js/map-infobox.js"></script><script type="text/javascript">
//<![CDATA[

   

                   var MarrakechMonuments = [
                      ['Place Jemaa El Fna', 31.62582, -7.98896, 4,'/img/pinred.png','','1.3 km<br>10 min à pied/ walking<br>6 min en calèche/ horse carriage',"180px",''],
                      ['Tombeaux saadiens', 31.61727, -7.98883, 5,'/img/pinred.png','',' 0.05 km<br>1 min à pied/ walking',"190px",''],
                      ['Palais de la Bahia', 31.621745, -7.981514, 3,'/img/pinred.png','','1.1 km<br>8 min à pied/ walking',"180px",''],
                      ['Palais el badi', 31.61861, -7.98663, 2,'/img/pinred.png','','0.8 Km <br> 5 min à pied / walking',"180px",''],
                      ['Jardins Majorelle', 31.64143, -8.00233, 1,'/img/pinred.png','','3.6 km<br>10 min en voiture/ driving<br>45 min en calèche/ horse carriage ',"180px",''],
                      ['Koutoubia Mosquée', 31.624108, -7.993267, 6,'/img/pinred.png','','1.3 km<br>10 min à pied/ walking<br>6 min en calèche/ horse carriage',"180px",''],               
                   ['Bab Agnaou', 31.617590, -7.990711, 7,'/img/pinred.png','','1 min à pied/ walking',"180px",''],
                   ['musée YVES SAINT LAURENT', 31.642943, -8.003184, 7,'/img/pinred.png','','3.6 km<br>10 min en voiture/ driving<br>45 min en calèche/ horse carriage',"180px",''],
                   ];

                   var MarrakechGolfs = [
                      ['Golf royal', 31.6081, -7.9467, 7,'/img/pingreen.png','','5.5 km<br>15 min en voiture/ driving',"180px",''],
                      ['Golf Amelkis', 31.6173, -7.9267, 8,'/img/pingreen.png','','5.7 Km <br> 15 min en voiture / driving',"180px",''],
                      ['Golf Samannah', 31.5025, -8.041, 9,'/img/pingreen.png','','',"180px",''],
                      ['Golf Atlas', 31.59051, -8.01262, 10,'/img/pingreen.png','','3 km<br>10 min en voiture/ driving',"180px",''],
                       ['Golf Al Maaden', 31.5931, -7.9407, 11,'/img/pingreen.png','',' 5.5 km<br>15 min en voiture/ driving',"180px",'']
                    ];

                    var MarrakechAero = [
                      ['Aéroport Marrakech Menara', 31.60205,-8.027261, 7,'/img/pingray.png','','5 km<br>15 min en voiture/ driving',"180px",'']
                    ];



                var Oualidia = [
                      ['Aéroport International Mohammed V', 33.373689,-7.581167, 4,'/img/pingray.png','','180 Km <br> 2H30min en voitre / driving',"180px",''],
                      ['Golf El Jadida', 33.287059,-8.377419, 5,'/img/pingreen.png','','80 Km <br> 50 min',"180px",''],
                      ['Aéroport Marrakech Menara', 31.60205,-8.027261, 7,'/img/pingray.png','','185 Km <br> 2H45min en voiture / driving',"180px",'']         
                    ];

                    var imagemarrakech = {
                      url: '/img/logomap_marrakech.png', 
                      size: new google.maps.Size(100, 90), 
                      origin: new google.maps.Point(0,0), 
                      anchor: new google.maps.Point(45, 10)
                    };

                    var imageoualidia = {
                       url: '/img/logomap_oualidia.png', 
                       size: new google.maps.Size(100, 90), 
                       origin: new google.maps.Point(0,0), 
                       anchor: new google.maps.Point(45, 80)
                    };

                    var imageyacht = {
                       url: '/img/logomap_yacht.png', 
                       size: new google.maps.Size(100, 90), 
                       origin: new google.maps.Point(0,0), 
                       anchor: new google.maps.Point(45, 80)
                    };  

                var Hotels = [
                      ['', 32.739769,-9.030815 , 1,imageoualidia,'/img/lasultana-walidia.jpg','',"110px",'/oualidia'],
                      ['', 31.616891, -7.988777, 2,imagemarrakech,'/img/lasultana-marrakech.jpg','',"110px",'/marrakech'],
                     // ['', 23.7313, -15.964, 2,imageyacht,'/img/lasultana-yacht.jpg','',"110px",'/yacht'],
                     // ['', 35.828, -5.804, 2,imageyacht,'/img/lasultana-yacht.jpg','',"110px",'/yacht']                    
                    ];    
 
                    

        function buttons(map){
           var homeControlDiv = document.createElement('div');           
          var homeControl = new HomeControl(homeControlDiv, map,'Monuments','../img/pinred.png');
          homeControlDiv.index = 1;
          var homeControl2 = new HomeControl(homeControlDiv, map,'Golfs','../img/pingreen.png'); 
          var homeControl4 = new HomeControl(homeControlDiv, map,'Aéroport','../img/pingray.png');  
          var homeControl3 = new HomeControl(homeControlDiv, map,'Tout',null); 
          map.controls[google.maps.ControlPosition.TOP_RIGHT].push(homeControlDiv); 
        }



 function setMarkers(map, locations) {     

     function addInfoWindow(marker, message,w,link) {
             var boxText = document.createElement("div");
             boxText.style.cssText = " padding: 5px;";
             boxText.innerHTML = message;                
             var myOptions = {
                 content: boxText
                ,disableAutoPan: false
                ,maxWidth: 0
                 ,pixelOffset: new google.maps.Size(0, 0)
                ,zIndex: null
                ,boxStyle: { 
                  background: "#fff"
                  ,opacity: 1
                  ,width: w
                  ,color:"#888"
                  ,fontSize:"9pt"
                  ,textAlign: "center" 
                 }
                ,closeBoxMargin: "0"
                ,closeBoxURL: ""
                ,infoBoxClearance: new google.maps.Size(1, 1)
                ,isHidden: false
                ,pane: "floatPane"
                ,enableEventPropagation: false
             };
            var infoWindow = new InfoBox(myOptions);
       
            google.maps.event.addListener(marker, 'mouseover', function () {
                infoWindow.open(map, marker);
            });
            google.maps.event.addListener(marker, 'mouseout', function () {
                infoWindow.close();
            }); 
           
            google.maps.event.addListener(marker, 'click', function () { 
                 if(link==""){

                 }else{ 
                 window.location = link;              
                 }
            });
            
        }

  for (var i = 0; i < locations.length; i++) {
    var beach = locations[i];
    var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
    var image = beach[4];
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        //shadow: shadow,
        icon: image,
        //shape: shape,
        //title: beach[0],
        zIndex: beach[3]
    });
     
      var m = '<div id="content">';
     if(beach[0]!=""){m = m+'<span id="firstHeading" style="font-weight:bold;font-size:13px;font-family:myriadproregular;" class="firstHeading">'+beach[0]+'</span>';}
     //m=m+'<div id="bodyContent">';
     if(beach[6]!=""){m = m+'<span Style="text-align:center"> - '+beach[6]+'</span>';} 
     if(beach[5]!=""){m = m+'<img width="100" src="'+beach[5]+'">';} 
    // m= m+'</div>'+
     '</div>';

     addInfoWindow(marker,m,beach[7],beach[8]);
  } 
}

                  
                        

     
function HomeControl(controlDiv, map,text,img) {
 
  controlDiv.style.width = '500px';
 
  var controlUI = document.createElement('div');
  controlUI.style.width = '110px';  
  controlUI.style.cssFloat = 'left';
  controlUI.style.margin = '4px';
  controlUI.style.backgroundColor = '#fff';
  controlUI.style.borderStyle = 'solid';
  controlUI.style.borderWidth = '1px';
  controlUI.style.borderColor = '#ddd';
  controlUI.style.cursor = 'pointer';
  controlUI.style.textAlign = 'center';
  controlUI.title = 'Click to set the map to Home';
  controlDiv.appendChild(controlUI);
 
  var controlText = document.createElement('div');
  controlText.style.fontFamily = 'myriadproregular';
  controlText.style.fontSize = '12px';
  controlText.style.color = '#888';
  controlText.style.paddingLeft = '8px';
  controlText.style.paddingRight = '8px'; 
  if(img!=null){
    var imx = '<img style="height:10px !important;"  src="'+img+'"> ';
  }else{
    var imx = '';
  }
  controlText.innerHTML = imx + ' <strong>'+text+'</strong>';
  controlUI.appendChild(controlText);
 
  google.maps.event.addDomListener(controlUI, 'click', function() {
    if(text=='Golfs'){
      initializeGolfs();
    }
    else if(text=='Monuments'){
      initializeMonuments();
    }
    else if(text=='Tout'){
      initialize();
    }
    else if(text=='Aéroport'){
      initializeAero();
    }
    /*else if(text=='Back'){
      $(location).attr('href',"/maps");
    }*/
  });
}
 




function addInfoWindow2(marker, message,map,w,link) {
             var boxText = document.createElement("div");
        boxText.style.cssText = " padding: 5px;";
        boxText.innerHTML = message;
                
        var myOptions = {
                 content: boxText
                ,disableAutoPan: false
                ,maxWidth: 0
                 ,pixelOffset: new google.maps.Size(0, 0)
                ,zIndex: null
                ,boxStyle: { 
                  background: "#fff"
                  ,opacity: 1
                  ,width: w
                  ,color:"#888"
                  ,fontSize:"6pt"
                  ,textAlign: "center" 
                 }
                ,closeBoxMargin: "0"
                ,closeBoxURL: ""
                ,infoBoxClearance: new google.maps.Size(1, 1)
                ,isHidden: false
                ,pane: "floatPane"
                ,enableEventPropagation: false
          };

            var infoWindow = new InfoBox(myOptions);
       
            google.maps.event.addListener(marker, 'mouseover', function () {
                infoWindow.open(map, marker);
            });
            google.maps.event.addListener(marker, 'mouseout', function () {
                infoWindow.close();
            });
            google.maps.event.addListener(marker, 'click', function () {
                 window.location = link;
            });
        }


        


      function initialize() {
      	var myLatlng = new google.maps.LatLng(31.616891, -7.988777);
        var mapOptions = {
          center: myLatlng,

           minZoom: 10, maxZoom: 19,
          zoom: 13, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imagemarrakech ;
        var marker = new google.maps.Marker({
          position: myLatlng,
          title:"",
          icon: image
        }); 
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-marrakech.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/marrakech');
        marker.setMap(map); 
        setMarkers(map, MarrakechMonuments);
        setMarkers(map, MarrakechGolfs);
        setMarkers(map, MarrakechAero);

         
        buttons(map);


         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(29.61689, -9.988777), 
     new google.maps.LatLng(32.61689, -5.988777));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   
      }


function initializeMonuments() {
        var myLatlng = new google.maps.LatLng(31.616891, -7.988777);
        var mapOptions = {
          center: myLatlng,
           minZoom: 10, maxZoom: 19,
          zoom: 13, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imagemarrakech ;
        var marker = new google.maps.Marker({
          position: myLatlng,
          title:"",
          icon: image
        }); 
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-marrakech.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/marrakech');
        marker.setMap(map); 
        setMarkers(map, MarrakechMonuments); 

         
        buttons(map);



         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(29.61689, -9.988777), 
     new google.maps.LatLng(32.61689, -5.988777));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   


                   
      }


      function initializeGolfs() {
        var myLatlng = new google.maps.LatLng(31.616891, -7.988777);
        var mapOptions = {
          center: myLatlng,
           minZoom: 10, maxZoom: 19,
          zoom: 13, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imagemarrakech ;
        var marker = new google.maps.Marker({
          position: myLatlng,
          title:"",
          icon: image
        }); 
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-marrakech.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/marrakech');
        marker.setMap(map);  
        setMarkers(map, MarrakechGolfs);

         buttons(map);
             


         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(29.61689, -9.988777), 
     new google.maps.LatLng(32.61689, -5.988777));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   

      
      }



      function initializeAero() {
        var myLatlng = new google.maps.LatLng(31.616891, -7.988777);
        var mapOptions = {
          center: myLatlng,
           minZoom: 10, maxZoom: 19,
          zoom: 13, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imagemarrakech ;
        var marker = new google.maps.Marker({
          position: myLatlng,
          title:"",
          icon: image
        }); 
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-marrakech.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/marrakech');
        marker.setMap(map);  
        setMarkers(map, MarrakechAero);

         buttons(map);
               


         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(29.61689, -9.988777), 
     new google.maps.LatLng(32.61689, -5.988777));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   

    
      }






      function initialize2() {
        var myLatlng = new google.maps.LatLng(32.739769,-9.030815);
        var mapOptions = {
          center: myLatlng,
           minZoom: 8, maxZoom: 19,
          zoom: 8, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imageoualidia;
        var marker = new google.maps.Marker({
          position: myLatlng, 
          icon: image
        });  
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-walidia.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/oualidia');
        marker.setMap(map); 
        setMarkers(map, Oualidia);   


         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(32.739769, -9.03081), 
     new google.maps.LatLng(33.739769, -10.03081));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   
    
      } 




function initializex() {
        var myLatlng = new google.maps.LatLng(30.742526,-8.027752);
        var mapStyles = [{featureType: "administrative.country",stylers: [{ visibility: "off" }]}];
    var mapType = new google.maps.StyledMapType(mapStyles ,{name: "Maroc"});

        var mapOptions = {
          center: myLatlng,
          zoom: 6, 

           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP, 
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

           map.mapTypes.set('maroc', mapType );
        map.setMapTypeId('maroc');
        layer = new google.maps.FusionTablesLayer({
                    query: {
                select: 'geometry',
                from: '1S4aLkBE5u_WS0WMVSchhBgMLdAARuPEjyW4rs20',
                    where: "col1 contains 'MAR'"
                },
                styles: [{
                    polylineOptions: {
                        strokeColor: "#333333",
                        strokeWeight: 2
                    },
                }],
                suppressInfoWindows: true,
        });
        layer.setMap(map);
        
        setMarkers(map, Hotels);   

        //var homeControlDiv = document.createElement('div');           
         // var homeControl = new HomeControl(homeControlDiv, map,'Back');
         // homeControlDiv.index = 1;
         // map.controls[google.maps.ControlPosition.TOP_LEFT].push(homeControlDiv);    
      } 

      


//]]>
</script><script type="text/javascript">
//<![CDATA[
    $(document).ready(function() {  
      function update() {  
        $.ajax({
           type: 'GET',
           url: '/pages/getTime', 
           success: function(data) {
              $("#timer").html(data); 
           },
        });
      } 
       update();
        setInterval(update, 40000); 
    });

    $('ul.nav>li>a , ul.nav>li>ul.dropdown-menu>li>a').click(function(e){
      var slug = $(this).attr('data-slug');
      var hotel = "hotel";

        
       $.ajax({
          method: 'GET',
           url: '/pages/getContent/'+slug, 
           success: function(data) {  
             data = $.parseJSON(data); 
             console.log(data)
             $("div#content").html(data.content );
             fillFiles(data.files);
             if(hotel=="marrakech" && slug=="Localisation"){
                 $('div#map-canvas').css({"width":"100%" , "height":"400px"});
                 initialize();
             }
             else if(hotel=="oualidia" && slug=="Localisation"){
                 $('div#map-canvas').css({"width":"100%" , "height":"400px"});
                 initialize2();
             }else{
              $('div#map-canvas').css({"width":"0" , "height":"0px"});
             }
           },
        });  

        function fillFiles(files){ 
          var filehtml ="";
          for(var i=0;i<files.length ; i++){ 
            filehtml = filehtml + "<li><a href='../pdfs/"+files[i]['File']['name']+"' target='blank'>"+files[i]['File']['legend']+"</a></li>";
          }
          $("ul.file").html(filehtml);
        }
       e.preventDefault(); 
       }); 

//]]>
</script>'
$title_for_layout = 'Pages'
$logo = 'logo.png'
$linkfr = ''
$linken = 'active'
include - APP/View/Layouts/default.ctp, line 170
View::_evaluate() - CORE/Cake/View/View.php, line 971
View::_render() - CORE/Cake/View/View.php, line 933
View::renderLayout() - CORE/Cake/View/View.php, line 546
View::render() - CORE/Cake/View/View.php, line 481
Controller::render() - CORE/Cake/Controller/Controller.php, line 963
Dispatcher::_invoke() - CORE/Cake/Routing/Dispatcher.php, line 200
Dispatcher::dispatch() - CORE/Cake/Routing/Dispatcher.php, line 167
[main] - APP/webroot/index.php, line 49

Entry rules to Morocco from July 13th :

Vaccine passport : Vaccine certificate grants free circulation beyond curfew hours. All passengers, upon their arrival at a Moroccan airport, are required to present the duly completed " “Health Passenger Form” you can download here.

Status : State of emergency until August 10th 2021. Curfew from 11pm until 4.30am.

Tel: +212 5 24 38 80 08 - WhatsApp: +212 6 62 04 01 17 - reservation@lasultanahotels.com

Information provided above are for general informational purposes only and can quickly evolve.
Our team or your travel agent are able to guide you at the planning stage and again closer to your departure date for up to date information.