Costa del Sol. What to see and the best travel plans

<!DOCTYPE html> <html lang="en" class="no-js"> <head> <script type="text/javascript"> var texto = "(Opens in a new window)"; </script> <link rel='manifest' href='/manifest.json?loc=en'> <link rel="apple-touch-icon" href="/export/sites/segtur/.content/images/logo192.png"> <meta name="apple-mobile-web-app-capable" content="yes" /> <link rel="stylesheet" href="https://use.typekit.net/kmb1yfs.css"> <link rel="stylesheet" href="https://use.typekit.net/wip1dnr.css"> <link rel="preload" href="/export/system/modules/es.segittur.comun/resources/fonts/mega_fresh-webfont.woff2" as="font" type="font/woff2" crossorigin> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"/> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"> <link rel="stylesheet" href="/export/system/modules/es.segittur.comun/resources/css/style.min.css?tmp=20241105"> <link rel="stylesheet" href="/export/system/modules/es.segittur.comun/resources/css/style-cookies.css"> <link rel="dns-prefetch" href="https://a.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://b.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://c.tile.openstreetmap.se" /> <title>Costa del Sol. What to see and the best travel plans | spain.info</title> <meta name="description" content='Discover the main sights and places of interest in Costa del Sol. Its main beaches, most interesting nature assets… Discover what to see and do in Costa del Sol | spain.info'/> <meta property="fb:app_id" content="435706789795019"/> <meta property="og:title" content="Costa del Sol. What to see and the best travel plans | spain.info"/> <meta property="og:type" content="website"/> <meta property="og:image" content="https://www.spain.info/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/Marbella-Puerto-Banus-s473238115.jpg"/> <meta property="og:site_name" content="Spain.info"/> <meta property="og:description" content='Discover the main sights and places of interest in Costa del Sol. Its main beaches, most interesting nature assets… Discover what to see and do in Costa del Sol | spain.info'/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@spain"/> <meta name="twitter:description" content='Discover the main sights and places of interest in Costa del Sol. Its main beaches, most interesting nature assets… Discover what to see and do in Costa del Sol | spain.info'/> <meta name="twitter:title" content="Costa del Sol. What to see and the best travel plans | spain.info"/> <meta name="twitter:image" content="https://www.spain.info/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/Marbella-Puerto-Banus-s473238115.jpg"/> <link rel="alternate" href="https://www.spain.info/de/region/costa-del-sol/" hreflang="de"/> <link rel="alternate" href="https://www.spain.info/ru/region/kosta-del-sol/" hreflang="ru"/> <link rel="alternate" href="https://www.spain.info/ja/chiiki/kosuta-deru-soru/" hreflang="ja"/> <link rel="alternate" href="https://www.spain.info/en/region/costa-del-sol/" hreflang="en"/> <link rel="canonical" href="https://www.spain.info/en/region/costa-del-sol/"/> <link rel="alternate" href="https://www.spain.info/pt_BR/regiao/costa-do-sol/" hreflang="pt"/> <link rel="alternate" href="https://www.spain.info/it/regione/costa-del-sol/" hreflang="it"/> <link rel="alternate" href="https://www.spain.info/pl/region/costa-del-sol/" hreflang="pl"/> <link rel="alternate" href="https://www.spain.info/fr/region/costa-del-sol/" hreflang="fr"/> <link rel="alternate" href="https://www.spain.info/es/region/costa-del-sol/" hreflang="es"/> <meta property="og:url" content='https://www.spain.info/en/region/costa-del-sol/'/> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <script async="async" type="text/javascript" data-insuit-id="insuitlaunch" src="https://www--spain--info.insuit.net/i4tservice/insuit-app.js"></script> <style type="text/css"> #x-insuit-container #x-insuit-bar-container #x-insuit-content-bar, #x-insuit-container #x-insuit-bar-container #x-insuit-bar-tools, #x-insuit-container #x-insuit-bar-container .x-insuit-option-text, #x-insuit-container #x-insuit-bar-container *, #x-insuit-container #x-insuit-pdf-viewer-container, #x-insuit-container #x-insuit-tour-container #x-insuit-tour .x-insuit-tour-bar, #x-insuit-container #x-insuit-tour-container #x-insuit-tour .x-insuit-tour-bar * { background: #021F3C; } #x-insuit-container * { font-family: stolzl, sans-serif; } </style> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N7W4FXW');</script> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7W4FXW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div id="gtmDin"></div> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'url-es':'/es/region/costa-del-sol/', 'tipo-recurso': 'Recurso final', 'tipo-plantilla': 'Costas', 'detalle': 'Costa del Sol', 'comunidad': 'Andalucía ', 'provincia': 'Málaga ', 'municipio': '- ', 'zona-turistica': '', 'category': '', 'objetivo': '', 'eje-primario': 'Que hacer', 'eje-secundario': 'Costas y playas' }); </script> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.8"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <header class="header"> <div id="cabecera" ><div> <nav class="navbar navbar-expand-custom"> <a class="navbar-brand" href="/en/"> <img src="/export/sites/segtur/.content/images/logo_espana_menu.png" alt="Spain.info" class="img-fluid"></a> <p class="claim ">Spain's official tourism website</p> <button id="open-buscador" class="btn-lupa collapsed"><span class="icon-search animunderline" aria-label='Search'></span></button> <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#mainMenu" aria-controls="mainMenu" aria-expanded="false" aria-label="Toggle navigation"> <span> </span> <span> </span> <span> </span> </button> <div class="form-inline buscador-general"> <div class="container">  <button class="icon-close" aria-label='Close'><span></span></button> <form action="/en/search-results/" aria-labelledby="open-buscador"> <fieldset> <label lang="es" for="Search" xml:lang="es" class="sr-only">Search</label> <input name="q" class="form-control input-visible" type="search" placeholder="Search" aria-label="Search"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="Search"> </fieldset> </form> </div> </div> <div class="collapse navbar-collapse" id="mainMenu"> <ul class="navbar-nav menu-items"> <li class="nav-item dropdown list-sync-resource"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-dondeir" aria-haspopup="true" aria-expanded="false"> <span>Where to go</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="mapamenu" class="dropdown-menu mapamenu list-sync-resource mapa-switch" aria-labelledby="dropdown-dondeir"> <div class="container"> <button class="icon-close" aria-label='Close'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Discover</strong> our destinations</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/en/destination/madrid/" id="list-mdn-madrid" class="dropdown-item active "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Madrid</a> </li> <li> <a href="/en/destination/barcelona/" id="list-mdn-barcelona" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Barcelona</a> </li> <li> <a href="/en/destination/valencia/" id="list-mdn-valencia" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Valencia</a> </li> <li> <a href="/en/destination/seville/" id="list-mdn-sevilla" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Seville</a> </li> <li> <a href="/en/destination/zaragoza/" id="list-mdn-zaragoza" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Zaragoza</a> </li> <li> <a href="/en/destination/malaga/" id="list-mdn-malaga" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Malaga</a> </li> <li> <a href="/en/destination/bilbao/" id="list-mdn-bilbao" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Bilbao</a> </li> <li> <a href="/en/destination/santiago-compostela/" id="list-mdn-santiago-de-compostela" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Santiago de Compostela</a> </li> <li> <a href="/en/destination/salamanca/" id="list-mdn-salamanca" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Salamanca</a> </li> <li> <a href="/en/destination/santander/" id="list-mdn-santander" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Santander</a> </li> <li> <a href="/en/destination/caceres/" id="list-mdn-caceres" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Cáceres</a> </li> <li> <a href="/en/region/canary-islands/" id="list-mdn-islas-canarias" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Canary Islands</a> </li> <li> <a href="/en/region/balearic-islands/" id="list-mdn-islas-baleares" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Balearic Islands</a> </li> <li> <a href="/en/destinations/" class="dropdown-item d-block d-customdk-none">See all the destinations</a> </li> </ul> <div class="wrapper-buscador-destinos container"> <form class="form-inline buscador-destinos" action="/en/search-results/"> <fieldset> <input type="hidden" value="SEG-TUR-Destino" name="typeFilter"> <input type="hidden" value="" name="reloaded"> <label lang="es" for="buscadorDestinos" xml:lang="es" class="sr-only">Search destinations</label> <input name="q" class="form-control input-visible" type="search" placeholder="SEARCH OTHER DESTINATIONS" aria-label="SEARCH OTHER DESTINATIONS"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="SEARCH OTHER DESTINATIONS"> </fieldset> </form> <a href="/en/destinations/" class="btn btn-dark text-uppercase">See all the destinations</a> </div> </div> <div class="wrapper-recurso-menu mapa-menu">  <div class="wrapper-menu-map d-none d-xl-block"> <div class="menuholder" data-lang="en" data-path="mapa_00_mapa-menu-destinos.svg"></div> </div>  </div> </div> </div> </li> <li class="nav-item dropdown list-images-dk"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-quehacer" aria-haspopup="true" aria-expanded="false"> <span>What to do</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="quehacer" class="dropdown-menu" aria-labelledby="dropdown-quehacer"> <div class="container"> <button class="icon-close" aria-label='Close'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Activities</strong> to suit all tastes</p></div> <hr> </div> <a class="dropdown-item" href="/en/art-culture/" title="Go to: Art and culture"> <img id="imgAct1" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/sagrada-familia-c-jace-grandinetti-U167181.jpg" class="img-fluid img-menu" alt="Art and culture" title="Art and culture" /> <span>Art and culture</span> </a> <a class="dropdown-item" href="/en/coasts-beaches/" title="Go to: Coasts and beaches"> <img id="imgAct2" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/shutterstock_740751832.jpg" class="img-fluid img-menu" alt="Coasts and beaches" title="Coasts and beaches" /> <span>Coasts and beaches</span> </a> <a class="dropdown-item" href="/en/cities/" title="Go to: Urban tourism"> <img id="imgAct3" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/alcala-madrid-s378537616.jpg" class="img-fluid img-menu" alt="Urban tourism" title="Urban tourism" /> <span>Urban tourism</span> </a> <a class="dropdown-item" href="/en/nature/" title="Go to: Nature"> <img id="imgAct4" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/pn-garajonay-s381203209.jpg" class="img-fluid img-menu" alt="Nature" title="Nature" /> <span>Nature</span> </a> <a class="dropdown-item" href="/en/gastronomy-wine-tourism/" title="Go to: Food and wine"> <img id="imgAct5" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/sepia-s103864166.jpg" class="img-fluid img-menu" alt="Food and wine" title="Food and wine" /> <span>Food and wine</span> </a> <a class="dropdown-item" href="/en/adventure-sports/" title="Go to: Sport and adventure"> <img id="imgAct6" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-naturaleza-canarias-c-radek-u-zLWGDlOXCKs.jpg" class="img-fluid img-menu" alt="Sport and adventure" title="Sport and adventure" /> <span>Sport and adventure</span> </a> <a class="dropdown-item" href="/en/shopping/" title="Go to: Shopping"> <img id="imgAct7" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/compras-s343979471.jpg" class="img-fluid img-menu" alt="Shopping" title="Shopping" /> <span>Shopping</span> </a> <a class="dropdown-item" href="/en/routes/" title="Go to: Routes"> <img id="imgAct8" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/peregrino-santiago-s1465891958.jpg" class="img-fluid img-menu" alt="Routes" title="Routes" /> <span>Routes</span> </a> </div> </div> </li> <li class="nav-item dropdown list-sync-resource"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-info" aria-haspopup="true" aria-expanded="false"> <span>Plan your trip</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="info" class="dropdown-menu" aria-labelledby="dropdown-info"> <div class="container"> <button class="icon-close" aria-label='Close'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Book</strong> your trip to Spain.</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/en/about-spain/" id="info-1" class="dropdown-item active"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>About Spain</a> </li> <li> <a href="/en/info/" id="info-2" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Practical information</a> </li> <li> <a href="/en/how-to-get-there/" id="info-3" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>How to get to Spain</a> </li> <li> <a href="/en/getting-around/" id="info-4" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Getting around Spain</a> </li> <li> <a href="/en/activities/" id="info-5" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Book your experiences</a> </li> <li> <a href="/en/route-planner/" id="info-6" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Route planner</a> </li> <li> <a href="/en/brochures/" id="info-7" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Download brochures</a> </li> <li> <a href="/en/weather/" id="info-8" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>The weather</a> </li> <li> <a href="/en/travel-tips/visa-passport/" id="info-9" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Visa and passport</a> </li> <li> <a href="https://sustainability.spain.info/en/" id="info-10" title="Go to: Sustainability in Spain" class="dropdown-item hacerblank"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Sustainability in Spain</a> </li> </ul> </div> <div class="wrapper-recurso-menu imagen-menu"> <a href="/en/about-spain/" title="Go to: About Spain" id="card-1" class="card show standard-box-shadow"> <img id="imgAct9" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-museo-prado-mapa-madrid-s139919035.jpg" class="card-img-top" alt="About Spain" title="About Spain"/> <div class="card-body"> <p class="title text-uppercase">About Spain</p> <p class="card-text mb-0">Data and interesting facts about the country, its culture, nature, gastronomy and population.</p> </div> </a> <a href="/en/info/" title="Go to: Practical information" id="card-2" class="card standard-box-shadow"> <img id="imgAct10" src="/export/sites/segtur/.content/imagenes/menu-navegacion/informacion-turistica-madrid-c-madrid-destino-francesco-pinton.jpg" class="card-img-top" alt="Practical information" title="Practical information"/> <div class="card-body"> <p class="title text-uppercase">Practical information</p> <p class="card-text mb-0">Prepare for your trip in advance with our useful information on entrance requirements, money, safety, healthcare, opening times, etc.</p> </div> </a> <a href="/en/how-to-get-there/" title="Go to: How to get to Spain" id="card-3" class="card standard-box-shadow"> <img id="imgAct11" src="/export/sites/segtur/.content/imagenes/menu-navegacion/mapa-planificacion-s348683150.jpg" class="card-img-top" alt="How to get to Spain" title="How to get to Spain"/> <div class="card-body"> <p class="title text-uppercase">How to get to Spain</p> <p class="card-text mb-0">Find information on our airports and cruise ports and discover what the flight times are from different points across the world.</p> </div> </a> <a href="/en/getting-around/" title="Go to: Getting around Spain" id="card-4" class="card standard-box-shadow"> <img id="imgAct12" src="/export/sites/segtur/.content/imagenes/menu-navegacion/chica-transporte-s456518287.jpg" class="card-img-top" alt="Getting around Spain" title="Getting around Spain"/> <div class="card-body"> <p class="title text-uppercase">Getting around Spain</p> <p class="card-text mb-0">We provide you with useful information on the connections between Spain’s major cities.</p> </div> </a> <a href="/en/activities/" title="Go to: Book your experiences" id="card-5" class="card standard-box-shadow"> <img id="imgAct13" src="/export/sites/segtur/.content/imagenes/menu-navegacion/fotos-u311182.jpg" class="card-img-top" alt="Book your experiences" title="Book your experiences"/> <div class="card-body"> <p class="title text-uppercase">Book your experiences</p> <p class="card-text mb-0">Choose from thousands of activities thought out for you. You just have to pick a theme and a place where you want to enjoy it.</p> </div> </a> <a href="/en/route-planner/" title="Go to: Route planner" id="card-6" class="card standard-box-shadow"> <img id="imgAct14" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turista-fornalutx-mallorca-c-pedro-giraldez.jpg" class="card-img-top" alt="Route planner" title="Route planner"/> <div class="card-body"> <p class="title text-uppercase">Route planner</p> <p class="card-text mb-0">Create your own plan for your trip to Spain with a route to suit your requirements.</p> </div> </a> <a href="/en/brochures/" title="Go to: Download brochures" id="card-7" class="card standard-box-shadow"> <img id="imgAct15" src="/export/sites/segtur/.content/imagenes/menu-navegacion/folleto-turistas-u1118390.jpg" class="card-img-top" alt="Download brochures" title="Download brochures"/> <div class="card-body"> <p class="title text-uppercase">Download brochures</p> <p class="card-text mb-0">With our digital brochures and guides, you will be able to discover the best of our cuisine, culture and fiestas.</p> </div> </a> <a href="/en/weather/" title="Go to: The weather" id="card-8" class="card standard-box-shadow"> <img id="imgAct16" src="/export/sites/segtur/.content/imagenes/menu-navegacion/clima-movil-c-gavin-allanwood-u723586.jpg" class="card-img-top" alt="The weather" title="The weather"/> <div class="card-body"> <p class="title text-uppercase">The weather</p> <p class="card-text mb-0">Check the average temperatures and the hours of sunshine in different areas and the clothing you should wear according to the season.</p> </div> </a> <a href="/en/travel-tips/visa-passport/" title="Go to: Visa and passport" id="card-9" class="card standard-box-shadow"> <img id="imgAct17" src="/export/sites/segtur/.content/imagenes/menu-navegacion/pasaporte-u752510.jpg" class="card-img-top" alt="Visa and passport" title="Visa and passport"/> <div class="card-body"> <p class="title text-uppercase">Visa and passport</p> <p class="card-text mb-0">Do you want to know if you need a visa to visit Spain? Find out about the various types of visas and how to get them.</p> </div> </a> <a href="https://sustainability.spain.info/en/" title="Go to: Sustainability in Spain" id="card-10" class="card standard-box-shadow hacerblank"> <img id="imgAct18" src="/export/sites/segtur/.content/imagenes/menu-navegacion/menu-sostenibilidad.jpg" class="card-img-top" alt="Sustainability in Spain" title="Sustainability in Spain"/> <div class="card-body"> <p class="title text-uppercase">Sustainability in Spain</p> <p class="card-text mb-0">Plan an environmentally and socially responsible holiday. Help to care for the planet.</p> </div> </a> </div> </div> </div> </li> <li class="nav-item"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="/en/calendar/" role="button" id="link-agenda"> <span>Agenda</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span></a> </li> </ul> <div class="navbar-nav alternate"> <ul class="list-idiomas"> <li class="nav-item"> <a class="nav-link" href="#" id="locale-en" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown"><span class="icon-globe"></span> English<span class="icon-angle-down float-right d-none d-customdk-block"></span> <span class="icon-arrow-right-fill2 secondary-color float-right d-customdk-none"></span> </a> <div id="cajaidioma" class="dropdown-menu" aria-labelledby="locale-en"> <ul> <li class="nav-item">    <a href="/es/region/costa-del-sol/" class="dropdown-item" id="locale-es"> Español</a> </li> <li class="nav-item">    <a href="/de/region/costa-del-sol/" class="dropdown-item" id="locale-de"> Deutsch</a> </li> <li class="nav-item">    <a href="/fr/region/costa-del-sol/" class="dropdown-item" id="locale-fr"> Français</a> </li> <li class="nav-item">    <a href="/it/regione/costa-del-sol/" class="dropdown-item" id="locale-it"> Italiano</a> </li> <li class="nav-item">    <a href="/pt_BR/regiao/costa-do-sol/" class="dropdown-item" id="locale-pt_BR"> Português</a> </li> <li class="nav-item">    <a href="/ru/region/kosta-del-sol/" class="dropdown-item" id="locale-ru"> русский</a> </li> <li class="nav-item">    <a href="/pl/region/costa-del-sol/" class="dropdown-item" id="locale-pl"> Polski</a> </li> <li class="nav-item">    <a href="/ja/chiiki/kosuta-deru-soru/" class="dropdown-item" id="locale-ja"> 日本語</a> </li> <li class="nav-item"> <a href="//www.spain.info/gcc/en/" class="dropdown-item hacerblank" id="locale-gcc_en">GCC (English)</a> </li> <li class="nav-item"> <a href="//www.spain.info/gcc/ar/" class="dropdown-item hacerblank" id="locale-gcc_ar">مجلس التعاون الخليجي (عربي)</a> </li> <li class="nav-item"> <a href="https://www.visitspain.com.cn/" class="dropdown-item hacerblank" id="locale-gcc">中国</a> </li> </ul> </div> </li> </ul> </div> <div class="enlaces-utiles"> <div class="container"> <ul class="list"> <li class="list-item"> <a href="/en/interactive-map/" class="" > <span class="icon-map-marker"></span> <span class="text">Interactive map</span> </a> </li> <li class="list-item"> <a href="/en/plan-trip-to-spain/" class="" > <span class="icon-mi-viaje"></span> <span class="text">My ideal trip</span> </a> </li> <li class="list-item"> <a href="/en/app/favourites/" class="" rel="nofollow" > <span class="icon-like"></span> <span class="text">My favourites</span> </a> </li> <li class="list-item"> <a href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Newsletter/NewsletterIngles.aspx" class="hacerblank" rel="nofollow" > <span class="icon-mail-social"></span> <span class="text">Newsletter</span> </a> </li> </ul> </div> </div> </div> </nav> </div> </div></header><main> <div id="cuerpo" ><div> <section class="cabecera pano img-portada-container bg-cover layer-dark-shadow centered">  <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/Marbella-Puerto-Banus-s473238115.jpg_604889389.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/Marbella-Puerto-Banus-s473238115.jpg_1014274486.jpg 480w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/Marbella-Puerto-Banus-s473238115.jpg_78431701.jpg 768w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/Marbella-Puerto-Banus-s473238115.jpg_604889389.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/Marbella-Puerto-Banus-s473238115.jpg_1014274486.jpg' class='img-fluid img-editable' alt='Puerto Banús, Marbella' title='Puerto Banús, Marbella'><div class="title-container container"> <div class="wrapper-title text-white"> <h1 class="titulo-portada custom-title container-fluid text-white">Costa del Sol</h1> </div> <div class="infoImg left left-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Puerto Banús, Marbella</span> <span class="copy_container"> <span class="copy_texto"></span> <span class="foto_copy_fade"></span> </span> </span> </div> <div class="location position-absolute d-none d-sm-block" > <div class="wrapper"> <img src="/export/sites/segtur/.content/mapas/mapa-cabecera/costa-del-sol_mapa-mini-cabecera.png" class="img-fluid" title="" alt=""> <div class="text-white text-location"> <p>Costa del Sol</p> </div> </div> </div> </div> <div class="lista-destinos"> <span id="costa-del-sol">costa-del-sol</span> </div> </section><section class="breadcrumbs bg-primary-color"> <div class="container"> <div class="row align-items-center"> <div class="d-none d-sm-block col-sm-4 text-left"> <nav aria-label="Breadcrumb" class="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a class="breadcrumb-link" href="/en/" target="_self" title="" >Home</a></li> <li class="breadcrumb-item"><a class="breadcrumb-link" href="/en/coasts-beaches/" target="_self" title="" >Coasts and beaches</a></li> </ol> </nav> </div> <div class="col-sm-8 text-right"> </div> </div> </div> </section> <section class="module entradilla"> <div class="container"> <div class="row"> <div class="col-md-8"> <p class="text-destacado"> Endless beaches to stroll along, hidden coves, white villages that appear like a mirage in the middle of the mountains, historical landmarks with centuries of culture, afternoons spent shopping, evenings sipping cocktails by the sea, pleasant temperatures all year round and happy, friendly people that make you feel at home. These are the main ingredients of this region of Andalusia, where the mountain and the Mediterranean sea combine to create idyllic landscapes.</p> <p class="text-destacado"> </p> <p class="text-secundario"> The birthplace of geniuses such as Picasso, it is well worth discovering the revamped city of Málaga, exploring the local culture of nearby towns and villages, and enjoying the exclusive restaurants.</p> <div id="text-hidden-1" class="text-secundario collapse"> <p class="title ">A journey along the coast</p> <p class="text-secundario"> On a car journey of around <strong>180 kilometres</strong>, it is possible to discover at a gentle pace some of the loveliest places in the coastal area.<span class="br"></span> One essential stopping point is the capital, <strong>Málaga</strong>, which in recent years has invested heavily in culture which, in addition to the <strong>Picasso Route</strong> (the painter was born there), offers an interesting variety of museums: Pompidou Centre, Carmen Thyssen Museum, the Collection of the Russian Museum... It is lovely to take a stroll round this increasingly fashionable city and discover how the Alcazaba, the Castle of Gibralfaro and the Cathedral blend in with alternative urban art neighbourhoods such as Soho, with terraces where you can enjoy brunch, or with streets like the Calle Larios for those who love to shop.<span class="br"></span> Other coastal tourist spots with beaches where you can relax are <strong>Nerja, Torremolinos, Benalmádena, Fuengirola, Estepona and Marbella</strong>. This last location and the nearby Puerto Banús are ideal places to find haute couture brands, prestigious restaurants and beach clubs where you can lay back on a Balinese bed and watch the sun set. For travellers looking to recharge their batteries or disconnect, there are luxury accommodation options with nutrition programmes or boats to hire in the marinas.</p> <p class="title ">Slow travel through the interior</p> <p class="text-secundario"> The Costa del Sol seduces visitors with its cliffs, beaches, and coves and also surprises them with its stunning interior, home to villages of whitewashed houses with narrow, winding streets adorned with flowers and which conserve centuries-old traditions. They are built in the middle of the mountain range and discovering them means fully disconnecting in the heart of nature.<span class="br"></span> Among the most beautiful of these villages are <strong>Frigilana</strong> and its charming old quarter, <strong>Antequera</strong> and its stunning prehistoric dolmens, and <strong>Ronda</strong> and its mythical bridge over the cliff which, in their day, captured the hearts of figures such as Hemingway, Orson Welles (whose ashes are buried here) and Rike.<span class="br"></span> In addition to visiting these villages, we recommend a visit to some of the region’s wineries and attending a wine tasting, admiring the landscapes along the <strong>Caminito del Rey</strong> path or visiting nature reserves such as the <strong>Sierra de las Nieves or Sierra de Grazalema</strong>, staying in a centuries-old traditional Andalusian farmhouse or a rural house that offers massages and natural therapies, relaxing at historical spas such as the one in Tolox or the Carratraca thermal baths, and of course sampling the local cuisine with its unmistakable rural flavours.</p> </div> <div class="pb-3"> <a data-toggle="collapse" href="#text-hidden-1" id="entradillaLeer" role="button" aria-expanded="false" aria-controls="text-hidden-1" class="link-standard">Read more</a> <a data-toggle="collapse" href="#text-hidden-1" id="entradillaCerrar" role="button" aria-expanded="true" aria-controls="text-hidden-1" class="link-standard noned">Close</a> </div> </div> <div class="col-md-4 col-lg-3 offset-lg-1"> <div class="wrapper-botones"> <div id="acordeones-compartir" class="accordion"> <div class="item"> <div class="item-header" id="headingOne"> <button class="btn text-uppercase" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> <span class="icon-share"></span>Share</button> </div> <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#acordeones-compartir"> <div class="item-body"> <nav class="wrapper-icons-inline"> <ul class="list d-block"> <li class="list-item py-1 pl-0 pr-1"><a href="https://www.facebook.com/sharer.php?u=https://www.spain.info/en/region/costa-del-sol/" class="item-link hacerblank" rel="nofollow"><span class="icon-facebook"></span><span class="btn text-uppercase pl-3 bg-transparent d-inline">Facebook</span></a></li> <li class="list-item py-1 pl-0 pr-1"><a href="https://twitter.com/share?url=https://www.spain.info/en/region/costa-del-sol/" class="item-link hacerblank" rel="nofollow"><span class="icon-xicon1"></span><span class="btn text-uppercase pl-3 bg-transparent d-inline">Twitter</span></a></li> <li class="list-item py-1 pl-0 pr-1"><a href="/en/app/send-to-a-friend/?id=22ff7e1b-fef6-11e9-813b-0242ac110003" class="item-link hacerblank" rel="nofollow"><span class="icon-mail-social"></span><span class="btn text-uppercase pl-3 bg-transparent d-inline">E-mail</span></a></li> <li class="list-item download-wrapper py-1 pl-0 pr-1"> <button class="sguardar item-link item-body d-flex align-items-center"> <svg version="1.1" width="25px" fill="#E71C03" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 533.3 533.3" style="enable-background:new 0 0 533.3 533.3;" xml:space="preserve"> <g><path class="st0" d="M266.7,283.3L400,150H300V16.7h-66.7V150h-100L266.7,283.3z M387.9,228.8l-37.4,37.4L486,316.7l-219.3,81.8 L47.4,316.7l135.5-50.5l-37.4-37.4L0,283.3v133.3l266.7,100l266.7-100V283.3L387.9,228.8z"></path></g> </svg> <span id="save_btn" class="btn text-uppercase pl-3 bg-transparent">Download offline</span> </button> </li> </ul> </nav> </div> </div> </div> <div class="item"> <input id="fav-id"type="hidden" value="22ff7e1b-fef6-11e9-813b-0242ac110003"> <noscript> <div style="display:none"> </noscript> <div class="item-header"> <div id="fav-status"> <div id="no-fav" class="noned"> <a class="btn text-uppercase" type="button" data-toggle="collapse" data-target="#collapseTwofav" aria-expanded="false" aria-controls="collapseOne" rel="nofollow"><span class="icon-like"></span>Save favourite</a> </div> <div id="has-fav" class="noned"> <a id="elim-fav" class="btn text-uppercase" rel="nofollow" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseOne"><span class="icon-like-active"></span>Remove favourite</a> </div> </div> </div> <div id="collapseTwofav" class="collapse" aria-labelledby="favor-status-"> <div class="item-body"> <div class="bg-light-gray px-4"> <a class="bullet primary" href="/en/app/favourites/" rel="nofollow">Go to my favourites</a> </div> </div> </div> <noscript> </div> </noscript> <noscript> <p>Debe activar Javascript para poder utilizar este servicio</p> </noscript> </div> </div> </div> </div> </div> </div> </section> <section class="module-positioned d-none d-md-block"> <div class="module"> <div class="container"> <div class="title-box "> </div></div> <div class="position-relative caja-mapa"> <div class="container"> <div class="mapinfo list-arrow"> <ul id="idMaplist" class="list"> </ul> </div> </div> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ //MAPA LEAFLET: if( $('.leaf-map').length){ "use strict"; // Create or retrieve the data var lugares =[{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/vista-antequera-s641905390.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/vista-antequera-s641905390.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/vista-antequera-s641905390.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/vista-antequera-s641905390.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/vista-antequera-s641905390.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Antequera\u0027 title=\u0027Antequera\u0027>","name":"Antequera","description":"Antequera is a wealthy town, both culturally and economically. Its historic centre is made up of more than 50 monuments and buildings dating as far\u2026","imageCopyright":"","href":"/en/destination/antequera/","imageAlt":"Antequera","latLng":[37.0206500712625,-4.5580976775488]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/casares-malaga-s1080481502.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/casares-malaga-s1080481502.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/casares-malaga-s1080481502.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/casares-malaga-s1080481502.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/casares-malaga-s1080481502.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Casares. Malaga\u0027 title=\u0027Casares. Malaga\u0027>","name":"Casares","description":"Sitting on a hilltop between the Ronda mountains, the Costa del Sol and Gibraltar, Casares is one of the most beautiful villages in the province of\u2026","imageCopyright":"","href":"/en/destination/casares/","imageAlt":"Casares. Malaga","latLng":[36.4427989571823,-5.27368253761249]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torre-del-mar-malaga-playa-s1613145874.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torre-del-mar-malaga-playa-s1613145874.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torre-del-mar-malaga-playa-s1613145874.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torre-del-mar-malaga-playa-s1613145874.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torre-del-mar-malaga-playa-s1613145874.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Sunset over a beach in Torre del Mar (Malaga, Andalusia)\u0027 title=\u0027Sunset over a beach in Torre del Mar (Malaga, Andalusia)\u0027>","name":"Torre del Mar","description":"A major tourist centre on the Costa del Sol","imageCopyright":"","href":"/en/destination/torre-del-mar/","imageAlt":"Sunset over a beach in Torre del Mar (Malaga, Andalusia)","latLng":[36.7405244454349,-4.09601455620004]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torremolinos-42990156-istock.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torremolinos-42990156-istock.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torremolinos-42990156-istock.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torremolinos-42990156-istock.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torremolinos-42990156-istock.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027View of Torremolinos, Malaga (Andalusia)\u0027 title=\u0027View of Torremolinos, Malaga (Andalusia)\u0027>","name":"Torremolinos","description":"A place of settlement of the oldest civilizations in the Mediterranean, Torremolinos is today one of the Costa del Sol\u0027s prime destinations.\u2026","imageCopyright":"","href":"/en/destination/torremolinos/","imageAlt":"View of Torremolinos, Malaga (Andalusia)","latLng":[36.6202437217062,-4.52061268997426]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torrox-malaga-s1486440416.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torrox-malaga-s1486440416.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torrox-malaga-s1486440416.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torrox-malaga-s1486440416.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torrox-malaga-s1486440416.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Panoramic view of Torrox in Malaga (Andalusia)\u0027 title=\u0027Panoramic view of Torrox in Malaga (Andalusia)\u0027>","name":"Torrox","description":"Roman remains and Moorish heritage on the Mediterranean coast.","imageCopyright":"","href":"/en/destination/torrox/","imageAlt":"Panoramic view of Torrox in Malaga (Andalusia)","latLng":[36.7593391609425,-3.95232223992048]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/rincon-de-la-victoria-malaga-s1473535247.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/rincon-de-la-victoria-malaga-s1473535247.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/rincon-de-la-victoria-malaga-s1473535247.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/rincon-de-la-victoria-malaga-s1473535247.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/rincon-de-la-victoria-malaga-s1473535247.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Cliffs in Rincón de la Victoria (Malaga, Andalusia)\u0027 title=\u0027Cliffs in Rincón de la Victoria (Malaga, Andalusia)\u0027>","name":"Rincón de la Victoria","description":"Rincon de la Victoria is on the Costa del Sol and is notable not only for its beaches and tropical vegetation, but also for its important cultural\u2026","imageCopyright":"","href":"/en/destination/rincon-la-victoria/","imageAlt":"Cliffs in Rincón de la Victoria (Malaga, Andalusia)","latLng":[36.7169342280705,-4.29106282813707]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/malaga-52886652-istock.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/malaga-52886652-istock.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/malaga-52886652-istock.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/malaga-52886652-istock.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/malaga-52886652-istock.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027View of Malaga (Andalusia)\u0027 title=\u0027View of Malaga (Andalusia)\u0027>","name":"Malaga","description":"Beyond its 16 sunny beaches, this Andalusian city on the shores of the Mediterranean has a fascinating cultural side.\u2026","imageCopyright":"","href":"/en/destination/malaga/","imageAlt":"View of Malaga (Andalusia)","latLng":[36.720476,-4.412525]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/manilva-malaga-playa-duquesa-s1075308374.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/manilva-malaga-playa-duquesa-s1075308374.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/manilva-malaga-playa-duquesa-s1075308374.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/manilva-malaga-playa-duquesa-s1075308374.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/manilva-malaga-playa-duquesa-s1075308374.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027La Duquesa beach in Manilva (Malaga, Andalusia)\u0027 title=\u0027La Duquesa beach in Manilva (Malaga, Andalusia)\u0027>","name":"Manilva","description":"Manilva is surrounded by a sea of vineyards. It is 2 kilometres from the sea.","imageCopyright":"","href":"/en/destination/manilva/","imageAlt":"La Duquesa beach in Manilva (Malaga, Andalusia)","latLng":[36.3763732693182,-5.25128284385309]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/nerja-malaga-balcon-europa-playa-caletilla-1258550452-c-bahdanovich-alena-shutterstock.com.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/nerja-malaga-balcon-europa-playa-caletilla-1258550452-c-bahdanovich-alena-shutterstock.com.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/nerja-malaga-balcon-europa-playa-caletilla-1258550452-c-bahdanovich-alena-shutterstock.com.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/nerja-malaga-balcon-europa-playa-caletilla-1258550452-c-bahdanovich-alena-shutterstock.com.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/nerja-malaga-balcon-europa-playa-caletilla-1258550452-c-bahdanovich-alena-shutterstock.com.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027The Balcony of Europe and Caletilla Beach in Nerja (Malaga, Andalusia)\u0027 title=\u0027The Balcony of Europe and Caletilla Beach in Nerja (Malaga, Andalusia)\u0027>","name":"Nerja","description":"Located in the historic region of La Axarquía, Nerja is bright town on the Málaga coast which has a beautiful sea front formed by beaches, coves and\u2026","imageCopyright":"Bahdanovich Alena / Shutterstock.com","href":"/en/destination/nerja/","imageAlt":"The Balcony of Europe and Caletilla Beach in Nerja (Malaga, Andalusia)","latLng":[36.7895374513208,-3.83980144026623]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/marbella-puerto-banus-s473238115.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/marbella-puerto-banus-s473238115.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/marbella-puerto-banus-s473238115.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/marbella-puerto-banus-s473238115.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/marbella-puerto-banus-s473238115.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Puerto Banús in Marbella (Malaga, Andalusia)\u0027 title=\u0027Puerto Banús in Marbella (Malaga, Andalusia)\u0027>","name":"Marbella","description":"Puerto Banús, one of the main tourist attractions in the municipality, is home to an exclusive leisure area within the excellent facilities of its\u2026","imageCopyright":"","href":"/en/destination/marbella/","imageAlt":"Puerto Banús in Marbella (Malaga, Andalusia)","latLng":[36.5068539381933,-4.87243299526657]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/mijas-malaga-s568669192.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/mijas-malaga-s568669192.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/mijas-malaga-s568669192.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/mijas-malaga-s568669192.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/mijas-malaga-s568669192.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027General view of Mijas in Malaga (Andalusia)\u0027 title=\u0027General view of Mijas in Malaga (Andalusia)\u0027>","name":"Mijas","description":"Mijas, a tourist town at the foot of the hills of the same name, possesses typically Andalusian houses.\u2026","imageCopyright":"","href":"/en/destination/mijas/","imageAlt":"General view of Mijas in Malaga (Andalusia)","latLng":[36.5558165689176,-4.6838699013705]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/estepona-malaga-puerto-s1135487543.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/estepona-malaga-puerto-s1135487543.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/estepona-malaga-puerto-s1135487543.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/estepona-malaga-puerto-s1135487543.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/estepona-malaga-puerto-s1135487543.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Port of Estepona (Malaga, Andalusia)\u0027 title=\u0027Port of Estepona (Malaga, Andalusia)\u0027>","name":"Estepona","description":"Estepona, on the world-famous Costa del Sol, conserves all the charms of a typical Andalusian town, with its peaceful squares bedecked with\u2026","imageCopyright":"","href":"/en/destination/estepona/","imageAlt":"Port of Estepona (Malaga, Andalusia)","latLng":[36.4806635962935,-5.09293198532657]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/puerto-marina-benalmadena-6397-c-jose-hidalgo-patronato.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/puerto-marina-benalmadena-6397-c-jose-hidalgo-patronato.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/puerto-marina-benalmadena-6397-c-jose-hidalgo-patronato.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/puerto-marina-benalmadena-6397-c-jose-hidalgo-patronato.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/puerto-marina-benalmadena-6397-c-jose-hidalgo-patronato.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Port of Benalmádena\u0027 title=\u0027Port of Benalmádena\u0027>","name":"Benalmádena","description":"It is one of the chief tourist centres on the western Costa del Sol. The wide range of facilities and services are complemented by an international\u2026","imageCopyright":"Patronato de Turismo de Benalmádena. José Hidalgo","href":"/en/destination/benalmadena/","imageAlt":"Port of Benalmádena","latLng":[36.5947883631829,-4.57268590759526]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/frigiliana-malaga-s1182851644.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/frigiliana-malaga-s1182851644.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/frigiliana-malaga-s1182851644.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/frigiliana-malaga-s1182851644.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/frigiliana-malaga-s1182851644.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027View of Frigiliana in Malaga (Andalusia)\u0027 title=\u0027View of Frigiliana in Malaga (Andalusia)\u0027>","name":"Frigiliana","description":"Located on the slope of the Almijara mountain range, it offers one of the most spectacular views of the Costa del Sol.\u2026","imageCopyright":"","href":"/en/destination/frigiliana/","imageAlt":"View of Frigiliana in Malaga (Andalusia)","latLng":[36.7886345620589,-3.89440584423862]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/paseo-maritimo-fuengirola-s283140491-c-ed-alex-tihonovs.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/paseo-maritimo-fuengirola-s283140491-c-ed-alex-tihonovs.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/paseo-maritimo-fuengirola-s283140491-c-ed-alex-tihonovs.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/paseo-maritimo-fuengirola-s283140491-c-ed-alex-tihonovs.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/paseo-maritimo-fuengirola-s283140491-c-ed-alex-tihonovs.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027Seafront promenade in Fuengirola (Malaga, Andalusia)\u0027 title=\u0027Seafront promenade in Fuengirola (Malaga, Andalusia)\u0027>","name":"Fuengirola","description":"Located on the Costa del Sol, Fuengirola is a city with a rich Andalusian flavour which offers an extensive stretch of coastline covered with\u2026","imageCopyright":"Alex Tihonovs / Shutterstock","href":"/en/destination/fuengirola/","imageAlt":"Seafront promenade in Fuengirola (Malaga, Andalusia)","latLng":[36.5541885761269,-4.61322384580996]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/velez-malaga-s1215744265.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/velez-malaga-s1215744265.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/velez-malaga-s1215744265.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/velez-malaga-s1215744265.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/velez-malaga-s1215744265.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027View of Vélez-Málaga (Malaga, Andalusia)\u0027 title=\u0027View of Vélez-Málaga (Malaga, Andalusia)\u0027>","name":"Vélez-Málaga","description":"A town of Moorish origin with beautiful architecture","imageCopyright":"","href":"/en/destination/velez-malaga/","imageAlt":"View of Vélez-Málaga (Malaga, Andalusia)","latLng":[36.7823572281194,-4.10501482479543]},{"src":"<img data-src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/puente-ronda-noche-c-willian-justen-de-vasconcellos-u469291.jpg_617812622.jpg\u0027 srcset=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/puente-ronda-noche-c-willian-justen-de-vasconcellos-u469291.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/puente-ronda-noche-c-willian-justen-de-vasconcellos-u469291.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/puente-ronda-noche-c-willian-justen-de-vasconcellos-u469291.jpg_617812622.jpg 310w\u0027 sizes=\u0027(max-width: 480px) 310px, (max-width: 768px) 210px, 310px\u0027 src=\u0027/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/puente-ronda-noche-c-willian-justen-de-vasconcellos-u469291.jpg_617812622.jpg\u0027 class=\u0027img-fluid\u0027 alt=\u0027View of the famous New Bridge in Ronda at night, in Malaga (Andalusia)\u0027 title=\u0027View of the famous New Bridge in Ronda at night, in Malaga (Andalusia)\u0027>","name":"Ronda","description":"This town in Malaga divides its urban area on both sides of the Tajo del Ronda, a gorge more than 100 metres deep.\u2026","imageCopyright":"Willian Justen De Vasconcellos","href":"/en/destination/ronda/","imageAlt":"View of the famous New Bridge in Ronda at night, in Malaga (Andalusia)","latLng":[36.74328605437939,-5.1601409912109375]}]; var listMarkersLatLong = []; //custom marker: var customMarker = L.icon({ iconUrl: '/export/system/modules/es.segittur.comun/resources/img/custom-marker.png', iconSize: [38, 38], // size of the icon iconAnchor: [20, 20], // point of the icon which will correspond to marker's location popupAnchor: [-3, -76] // point from which the popup should open relative to the iconAnchor }); var group = L.layerGroup(), list = document.getElementById('idMaplist'); // Create the map var map = new L.map('map', { center: new L.LatLng(40.4149903, -3.70447,15), scrollWheelZoom: false, maxZoom: 18, minZoom : 3, maxBounds: [ [90,-180], [-90, 180]], maxBoundsViscosity: 1.0, zoomControl: false, attribution: 'Map data © <a href="//openstreetmap.org" target="_blank">OpenStreetMap</a> contributors', layers: new L.TileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Map data © <a href="//openstreetmap.org" target="_blank">OpenStreetMap</a> contributors' }) }); // Loop through the data L.control.zoom({ position: 'bottomright' }).addTo(map); //f() para habitar wheelzoom cuando se hace click en mapa. // map.on('click', function() { // if (map.scrollWheelZoom.enabled()) { // map.scrollWheelZoom.disable(); // } // else { // map.scrollWheelZoom.enable(); // } // }); function markerOnClick(e,accesoList){ var literalVM = "See more"; var latlngMarker; var indice = 0; var encontrado = false; if (accesoList){ latlngMarker = e.getLatLng(); }else{ latlngMarker = e.latlng; } listMarkersLatLong.forEach(function (puntoAux,index) { if (latlngMarker == puntoAux){ encontrado = true; indice = index; return false; } }); if (encontrado){ var punto = lugares[indice]; if (null != punto){ var imgSrc = punto.src; if (null != punto.imageThumb && "" != punto.imageThumb){ imgSrc = punto.imageThumb; } var copyHtml = ""; if (null != punto.imageCopyright && "" != punto.imageCopyright){ copyHtml = "<div class='infoImg right right-top text-white'><span id='infoCont-4' class='infoCont hidden'><span id='info_title'>" + punto.imageAlt + "</span><span class='copy_container'><span class='copy_ico'><span>©</span></span><span class='copy_texto'>" + punto.imageCopyright + "</span><span class='foto_copy_fade'></span></span></span></div>"; } if(punto.href != ""){ var popup = L.popup({ offset: [244, 244] }) .setLatLng(punto.latLng) .setContent("<a href='"+ punto.href +"'><div class='mytooltipwrapper yes-img layer-dark-shadow zoom-in'>" + imgSrc + "<div class='wrapper-text text-white'><p class='title'>"+ punto.name +"</p><p class='description'>"+ punto.description +"</p></div></div></a>") .openOn(map); }else{ var popup = L.popup({ offset: [281, 60] }) .setLatLng(punto.latLng) .setContent("<div class='mytooltipwrapper no-img'><div class='bg-light'></div><div class='wrapper-text'><p class='title'>"+ punto.name +"</p></div></div>") .openOn(map); } var titulo = punto.name; // console.log(lugares); } } // if( $('.mapinfo li.active').length ){ // $('.mapinfo li.active').removeClass('active'); // } $('.mapinfo li.item-'+punto.marker_id+'').addClass('reactive'); if( $('.mytooltipwrapper').hasClass('no-img')){ $('.mytooltipwrapper.no-img').parent('.leaflet-popup-content').parent('.leaflet-popup-content-wrapper').parent('.leaflet-popup').find('.leaflet-popup-close-button').addClass('close-noimg'); } } let arrayOfMarkers = []; lugares.forEach(function (punto) { marker = L.marker(punto.latLng, { icon: customMarker }).on('click', markerOnClick); // Add each marker to the group listMarkersLatLong.push(marker.getLatLng()); group.addLayer(marker); // Save the ID of the marker with it's data punto.marker_id = group.getLayerId(marker); arrayOfMarkers.push(punto.latLng); }); // Add the group to the map group.addTo(map); // Click handler for handling var bounds = new L.LatLngBounds(arrayOfMarkers); map.fitBounds(bounds); function onClick(data) { marker_id = data.marker_id; marker = group.getLayer(marker_id); markerOnClick(marker,true); map.panTo(marker.getLatLng()); } // Append list items var item; lugares.forEach(function (punto) { item = document.createElement('li'); item.setAttribute("class", "item-"+punto.marker_id+""); item.innerHTML = punto.name; item.addEventListener('click', onClick.bind(null, punto)); list.appendChild(item); }); map.on('popupclose', function(e){ $('.mapinfo li.reactive').removeClass('reactive'); $('.mapinfo li.active').removeClass('active'); }); if(''=='Ruta urbana'){ var firstElement = lugares[0]; if(firstElement!=null){ var imgSrc = firstElement.src; if (null != firstElement.imageThumb && "" != firstElement.imageThumb){ imgSrc = firstElement.imageThumb; } var copyHtml = ""; if (null != firstElement.imageCopyright && "" != firstElement.imageCopyright){ copyHtml = "<div class='infoImg right right-top text-white'><span id='infoCont-4' class='infoCont hidden'><span id='info_title'>" + firstElement.imageAlt + "</span><span class='copy_container'><span class='copy_ico'><span>©</span></span><span class='copy_texto'>" + firstElement.imageCopyright + "</span><span class='foto_copy_fade'></span></span></span></div>"; } if(firstElement.href != ""){ var popup = L.popup({ offset: [244, 244] }) .setLatLng(firstElement.latLng) .setContent("<a href='"+ firstElement.href +"'><div class='mytooltipwrapper yes-img layer-dark-shadow zoom-in'>" + imgSrc + "<div class='wrapper-text text-white'><p class='title'>"+ firstElement.name +"</p><p class='description'>"+ firstElement.description +"</p></div></div></a>") .openOn(map); }else{ var popup = L.popup({ offset: [281, 60] }) .setLatLng(firstElement.latLng) .setContent("<div class='mytooltipwrapper no-img'><div class='bg-light'></div><div class='wrapper-text'><p class='title'>"+ firstElement.name +"</p></div></div>") .openOn(map); } var titulo = firstElement.name; } map.panTo(new L.LatLng(firstElement.latLng[0], firstElement.latLng[1])); $('.mapinfo li.item-'+firstElement.marker_id+'').addClass('reactive'); if( $('.mytooltipwrapper').hasClass('no-img')){ $('.mytooltipwrapper.no-img').parent('.leaflet-popup-content').parent('.leaflet-popup-content-wrapper').parent('.leaflet-popup').find('.leaflet-popup-close-button').addClass('close-noimg'); } } } }); //]]> </script> <noscript> <p>Activa JS</p> </noscript> <div id="map" class="leaf-map leaft-popup-custom-close"></div></div> </div> </section> <div> <section class="module d-customdk-none waaslider"> <div class="container"> <div class="title-box "> </div><div class="mask-mobile"> <div class="carousel-swipe carousel-numbered" id=''> <a href='/en/destination/antequera/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/vista-antequera-s641905390.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-1"> <p class="title text-white">Antequera</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/malaga_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/destination/casares/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/casares-malaga-s1080481502.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-2"> <p class="title text-white">Casares</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/malaga_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/destination/torre-del-mar/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torre-del-mar-malaga-playa-s1613145874.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-3"> <p class="title text-white">Torre del Mar</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/malaga_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/destination/torremolinos/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torremolinos-42990156-istock.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-4"> <p class="title text-white">Torremolinos</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/malaga_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/destination/torrox/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/torrox-malaga-s1486440416.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-5"> <p class="title text-white">Torrox</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/malaga_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/destination/rincon-la-victoria/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/rincon-de-la-victoria-malaga-s1473535247.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-6"> <p class="title text-white">Rincón de la Victoria</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/malaga_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/destination/malaga/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/malaga-52886652-istock.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-7"> <p class="title text-white">Malaga</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/malaga_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/destination/manilva/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/manilva-malaga-playa-duquesa-s1075308374.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-8"> <p class="title text-white">Manilva</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/malaga_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/destination/nerja/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/nerja-malaga-balcon-europa-playa-caletilla-1258550452-c-bahdanovich-alena-shutterstock.com.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-9"> <p class="title text-white">Nerja</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/malaga_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/destination/marbella/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/marbella-puerto-banus-s473238115.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-10"> <p class="title text-white">Marbella</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/malaga_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/destination/mijas/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/mijas-malaga-s568669192.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-11"> <p class="title text-white">Mijas</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/malaga_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/destination/estepona/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/estepona-malaga-puerto-s1135487543.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-12"> <p class="title text-white">Estepona</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/malaga_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/destination/benalmadena/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/puerto-marina-benalmadena-6397-c-jose-hidalgo-patronato.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-13"> <p class="title text-white">Benalmádena</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/malaga_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/destination/frigiliana/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/frigiliana-malaga-s1182851644.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-14"> <p class="title text-white">Frigiliana</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/malaga_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/destination/fuengirola/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/paseo-maritimo-fuengirola-s283140491-c-ed-alex-tihonovs.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-15"> <p class="title text-white">Fuengirola</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/malaga_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/destination/velez-malaga/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/velez-malaga-s1215744265.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-16"> <p class="title text-white">Vélez-Málaga</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/malaga_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/destination/ronda/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/puente-ronda-noche-c-willian-justen-de-vasconcellos-u469291.jpg_1259223088.jpg' class="img-fluid" alt="Willian Justen De Vasconcellos" id="-img-17"> <p class="title text-white">Ronda</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-provincias/malaga_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> </div> </div> </div> </section> </div><div> <section class="module"> <div class="container"> <div class="title-box "> <span class="subtitle">Where to go</span> <p class="title"><strong>Places</strong> not to be missed</p> <hr> </div></div> <div id='slider-cards-1' class=" custom-slider-bottom waaslider"><div class="container position-relative"> <svg class="waa waaleft" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleleft" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g class="DK/icono/flecha-izq-gris-claro-inactivo"> <g class="Flecha-izq" transform="translate(36.000000, 36.000000) rotate(-180.000000) translate(-36.000000, -36.000000) "> <circle class="circleleft" fill="#9B9B9B" opacity="0.59984189" cx="36" cy="36" r="36"></circle> <polyline class="angleleft" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </g> </g> </svg><svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg><div class="custom-slider-2 arrows-out"> <div class="wrapper-card"> <a href='/en/places-of-interest/plaza-toros-ronda/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-AtractivoTuristico-monumento.jpg' data-srcset='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-AtractivoTuristico-monumento.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/imagenes/genericas/SEG-TUR-AtractivoTuristico-monumento.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/imagenes/genericas/SEG-TUR-AtractivoTuristico-monumento.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-AtractivoTuristico-monumento.jpg_1337655923.jpg' class='img-fluid lazy' alt='Monumento' title='Monumento'>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Ronda Bullring</h2> <p class="description-secondary">La Ronda bullring is one of the oldest and most beautiful in all…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/en/places-of-interest/church-santa-maria-mayor-trujillo/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-AtractivoTuristico-monumento.jpg' data-srcset='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-AtractivoTuristico-monumento.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/imagenes/genericas/SEG-TUR-AtractivoTuristico-monumento.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/imagenes/genericas/SEG-TUR-AtractivoTuristico-monumento.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-AtractivoTuristico-monumento.jpg_1337655923.jpg' class='img-fluid lazy' alt='Monumento' title='Monumento'>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Church of Santa María la Mayor (Trujillo)</h2> <p class="description-secondary">This may have been built upon one of the Moorish mosques that…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/en/places-of-interest/cave-nerja/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/cueva_nerja_t2900474.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/cueva_nerja_t2900474.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/cueva_nerja_t2900474.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/cueva_nerja_t2900474.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/cueva_nerja_t2900474.jpg_1337655923.jpg' class='img-fluid lazy' alt='' title=''>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Nerja Caves</h2> <p class="description-secondary">This cave combines its own natural beauty with cave paintings.</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/en/beach/cala-moral/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/playas/playa-cala-moral-malaga-andalucia-s1680567427.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/playas/playa-cala-moral-malaga-andalucia-s1680567427.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/playas/playa-cala-moral-malaga-andalucia-s1680567427.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/playas/playa-cala-moral-malaga-andalucia-s1680567427.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/playas/playa-cala-moral-malaga-andalucia-s1680567427.jpg_1337655923.jpg' class='img-fluid lazy' alt='' title=''>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Beach: Cala del Moral cove</h2> <p class="description-secondary">It is ideal for families, as it offers a relaxed atmosphere and…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/en/beach/burriana/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/playas/playa-burriana-malaga-andalucia-s117597151.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/playas/playa-burriana-malaga-andalucia-s117597151.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/playas/playa-burriana-malaga-andalucia-s117597151.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/playas/playa-burriana-malaga-andalucia-s117597151.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/playas/playa-burriana-malaga-andalucia-s117597151.jpg_1337655923.jpg' class='img-fluid lazy' alt='' title=''>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Beach: Burriana</h2> <p class="description-secondary">Just one kilometre from Nerja, this beach of crystal clear waters…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/en/beach/rada/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg' data-srcset='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_1337655923.jpg' class='img-fluid lazy' alt='Playa' title='Playa'>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Beach: La Rada</h2> <p class="description-secondary">It is a beach situated in the centre of Estepona.…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/en/beach/santa-ana-valdes/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg' data-srcset='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_1337655923.jpg' class='img-fluid lazy' alt='Playa' title='Playa'>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Beach: Santa Ana</h2> <p class="description-secondary">A splendid natural setting surrounds this excellently preserved…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/en/beach/fontanilla-conil-frontera/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg' data-srcset='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_1337655923.jpg' class='img-fluid lazy' alt='Playa' title='Playa'>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Beach: La Fontanilla</h2> <p class="description-secondary">Just where the cliffs finish and give way to a large open plain…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/en/beach/malagueta/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg' data-srcset='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/genericas/SEG-TUR-Playa.jpg_1337655923.jpg' class='img-fluid lazy' alt='Playa' title='Playa'>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Beach: La Malagueta</h2> <p class="description-secondary">An urban beach located between the port of Malaga and the La…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/en/places-of-interest/museum-picasso-malaga/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/images/cabeceras-grandes/andalucia/exterior-001-museo-picasso-malaga-c-david-heald-museo-picasso-malaga.jpg' data-srcset='/export/sites/segtur/.content/images/cabeceras-grandes/andalucia/exterior-001-museo-picasso-malaga-c-david-heald-museo-picasso-malaga.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/images/cabeceras-grandes/andalucia/exterior-001-museo-picasso-malaga-c-david-heald-museo-picasso-malaga.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/images/cabeceras-grandes/andalucia/exterior-001-museo-picasso-malaga-c-david-heald-museo-picasso-malaga.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/images/cabeceras-grandes/andalucia/exterior-001-museo-picasso-malaga-c-david-heald-museo-picasso-malaga.jpg_1337655923.jpg' class='img-fluid lazy' alt='David Heald. Museo Picasso de Málaga' title='David Heald. Museo Picasso de Málaga'>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Picasso Museum Malaga</h2> <p class="description-secondary">This centre is the culmination of a wish expressed by Pablo…</p> </div> </div> </a> </div> </div> </div> </div> </section> </div><div> <section class="module"> <div class="container"> <div class="title-box "> <span class="subtitle">What to do</span> <p class="title"><strong>Other</strong> ideas for your trip</p> <hr> </div></div> <div> <section class="wrapper-bi-carousel"> <div id="custom-slider-top" class="slider-horizontales-opacos destacados positioned"> <div class="destacado-full-width"> <div class="slider custom-slider-sinc-1 full-width wrapper d-none d-lg-block"> <div class="item layer-dark-shadow left"> <div class="position-absolute content left top text-white w-100"> <div class="row"> <div class="col-lg-8 offset-lg-1 offset-xl-0"> <h2 class="title text-white">Malaga, cosmopolitan and hip</h2> <p class="text text-white">Several things make Malaga one of the most important Spanish cities for culture.…</p> <a href='/en/discover-spain/malaga-music-art/' title='' rel='' class="btn btn-transparent text-uppercase text-white">Read more</a> </div> </div> </div> <div class="infoImg right right-top text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title"></span> <span class="copy_container"> <span class="copy_ico"> <span>©</span> </span> <span class="copy_texto">Turismo de Málaga</span> <span class="foto_copy_fade"></span> </span> </span> </div> <img data-src='/export/sites/segtur/.content/images/cabecera/Gibralfaro-vistas-atardecer-Malaga-c-Turismo-Malaga.jpg_1224728085.jpg' srcset='/export/sites/segtur/.content/images/cabecera/Gibralfaro-vistas-atardecer-Malaga-c-Turismo-Malaga.jpg_1224728085.jpg 1110w, /export/sites/segtur/.content/images/cabecera/Gibralfaro-vistas-atardecer-Malaga-c-Turismo-Malaga.jpg_1500626932.jpg 690w, /export/sites/segtur/.content/images/cabecera/Gibralfaro-vistas-atardecer-Malaga-c-Turismo-Malaga.jpg_1224728085.jpg 1110w' sizes='(max-width: 480px) 1110px, (max-width: 768px) 690px, 1110px' src='/export/sites/segtur/.content/images/cabecera/Gibralfaro-vistas-atardecer-Malaga-c-Turismo-Malaga.jpg_1224728085.jpg' class='img-fluid' alt='Malaga views' title='Malaga views'></div> <div class="item layer-dark-shadow left"> <div class="position-absolute content left top text-white w-100"> <div class="row"> <div class="col-lg-8 offset-lg-1 offset-xl-0"> <h2 class="title text-white">The Costa del Sol and Costa de la Luz, where you can feel free</h2> <p class="text text-white">Forget about the daily grind, your schedules, the commute, the endless screens, the stress… It’s time to feel free. Could there be a better feeling?…</p> <a href='/en/discover-spain/travel-costa-sol-luz-freedom/' title='The Costa del Sol and Costa de la Luz, where you can feel free' rel='' class="btn btn-transparent text-uppercase text-white">Read more</a> </div> </div> </div> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/playa-bolonia-cadiz_s71476192.jpg_1224728085.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/playa-bolonia-cadiz_s71476192.jpg_1224728085.jpg 1110w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/playa-bolonia-cadiz_s71476192.jpg_1500626932.jpg 690w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/playa-bolonia-cadiz_s71476192.jpg_1224728085.jpg 1110w' sizes='(max-width: 480px) 1110px, (max-width: 768px) 690px, 1110px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/playa-bolonia-cadiz_s71476192.jpg_1224728085.jpg' class='img-fluid' alt='Bolonia Beach, Cadiz' title='Bolonia Beach, Cadiz'></div> <div class="item layer-dark-shadow left"> <div class="position-absolute content left top text-white w-100"> <div class="row"> <div class="col-lg-8 offset-lg-1 offset-xl-0"> <h2 class="title text-white">Towns and villages on the Andalusian Coast where you can disconnect</h2> <p class="text text-white">If you are looking for a few days rest by the sea, southern Spain has so much to offer you in Andalusia.…</p> <a href='/en/discover-spain/towns-andalusia-coast/' title='Towns and villages on the Andalusian Coast where you can disconnect' rel='' class="btn btn-transparent text-uppercase text-white">Read more</a> </div> </div> </div> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/olvera-cadiz-123rf-71274805_xxl.jpg_1224728085.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/olvera-cadiz-123rf-71274805_xxl.jpg_1224728085.jpg 1110w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/olvera-cadiz-123rf-71274805_xxl.jpg_1500626932.jpg 690w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/olvera-cadiz-123rf-71274805_xxl.jpg_1224728085.jpg 1110w' sizes='(max-width: 480px) 1110px, (max-width: 768px) 690px, 1110px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/olvera-cadiz-123rf-71274805_xxl.jpg_1224728085.jpg' class='img-fluid' alt='View the white village of Olvera in Cadiz' title='View the white village of Olvera in Cadiz'></div> <div class="item layer-dark-shadow left"> <div class="position-absolute content left top text-white w-100"> <div class="row"> <div class="col-lg-8 offset-lg-1 offset-xl-0"> <h2 class="title text-white">The Malaga of Picasso</h2> <p class="text text-white">Malaga is the city where Pablo Picasso spent his early childhood. The atmosphere and the daily life of those years became the inspiration for some of the…</p> <a href='/en/discover-spain/picasso-malaga/' title='' rel='' class="btn btn-transparent text-uppercase text-white">Read more</a> </div> </div> </div> <div class="infoImg right right-top text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title"></span> <span class="copy_container"> <span class="copy_ico"> <span>©</span> </span> <span class="copy_texto">David Heald, Museo Picasso de Málaga</span> <span class="foto_copy_fade"></span> </span> </span> </div> <img data-src='/export/sites/segtur/.content/images/cabecera/Exterior-001-Museo-Picasso-Malaga-c-David-Heald-Museo-Picasso-Malaga.jpg_1224728085.jpg' srcset='/export/sites/segtur/.content/images/cabecera/Exterior-001-Museo-Picasso-Malaga-c-David-Heald-Museo-Picasso-Malaga.jpg_1224728085.jpg 1110w, /export/sites/segtur/.content/images/cabecera/Exterior-001-Museo-Picasso-Malaga-c-David-Heald-Museo-Picasso-Malaga.jpg_1500626932.jpg 690w, /export/sites/segtur/.content/images/cabecera/Exterior-001-Museo-Picasso-Malaga-c-David-Heald-Museo-Picasso-Malaga.jpg_1224728085.jpg 1110w' sizes='(max-width: 480px) 1110px, (max-width: 768px) 690px, 1110px' src='/export/sites/segtur/.content/images/cabecera/Exterior-001-Museo-Picasso-Malaga-c-David-Heald-Museo-Picasso-Malaga.jpg_1224728085.jpg' class='img-fluid' alt='Exterior of the Picasso Museum in Malaga' title='Exterior of the Picasso Museum in Malaga'></div> </div> </div> </div> </div> <div> <div id='custom-slider-bottom-1' class="custom-slider-bottom custom-slider-bottom waaslider"><div class="container position-relative"> <div class="negative-mt extra-mr extra-ml"> <svg class="waa waaleft" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleleft" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g class="DK/icono/flecha-izq-gris-claro-inactivo"> <g class="Flecha-izq" transform="translate(36.000000, 36.000000) rotate(-180.000000) translate(-36.000000, -36.000000) "> <circle class="circleleft" fill="#9B9B9B" opacity="0.59984189" cx="36" cy="36" r="36"></circle> <polyline class="angleleft" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </g> </g> </svg><svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg><div class="custom-slider-sinc-2 custom-slider-bottom arrows-out"> <div class="wrapper-card"> <a href='/en/discover-spain/travel-costa-sol-luz-freedom/' title='The Costa del Sol and Costa de la Luz, where you can feel free' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/playa-bolonia-cadiz_s71476192.jpg_1143197247.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/playa-bolonia-cadiz_s71476192.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/playa-bolonia-cadiz_s71476192.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/playa-bolonia-cadiz_s71476192.jpg_1143197247.jpg 280w' sizes='(max-width: 480px) 345px, (max-width: 768px) 345px, 280px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/playa-bolonia-cadiz_s71476192.jpg_1570148651.jpg' class='img-fluid' alt='Bolonia Beach, Cadiz' title='Bolonia Beach, Cadiz'>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">The Costa del Sol and Costa de la Luz, where you can feel free</h2> <p class="description-secondary">Forget about the daily grind, your schedules, the commute, the…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/en/discover-spain/towns-andalusia-coast/' title='Towns and villages on the Andalusian Coast where you can disconnect' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/olvera-cadiz-123rf-71274805_xxl.jpg_1143197247.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/olvera-cadiz-123rf-71274805_xxl.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/olvera-cadiz-123rf-71274805_xxl.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/olvera-cadiz-123rf-71274805_xxl.jpg_1143197247.jpg 280w' sizes='(max-width: 480px) 345px, (max-width: 768px) 345px, 280px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/olvera-cadiz-123rf-71274805_xxl.jpg_1570148651.jpg' class='img-fluid' alt='View the white village of Olvera in Cadiz' title='View the white village of Olvera in Cadiz'>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Towns and villages on the Andalusian Coast where you can disconnect</h2> <p class="description-secondary">If you are looking for a few days rest by the sea, southern Spain…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/en/discover-spain/picasso-malaga/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/images/cabecera/Exterior-001-Museo-Picasso-Malaga-c-David-Heald-Museo-Picasso-Malaga.jpg_1143197247.jpg' srcset='/export/sites/segtur/.content/images/cabecera/Exterior-001-Museo-Picasso-Malaga-c-David-Heald-Museo-Picasso-Malaga.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/images/cabecera/Exterior-001-Museo-Picasso-Malaga-c-David-Heald-Museo-Picasso-Malaga.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/images/cabecera/Exterior-001-Museo-Picasso-Malaga-c-David-Heald-Museo-Picasso-Malaga.jpg_1143197247.jpg 280w' sizes='(max-width: 480px) 345px, (max-width: 768px) 345px, 280px' src='/export/sites/segtur/.content/images/cabecera/Exterior-001-Museo-Picasso-Malaga-c-David-Heald-Museo-Picasso-Malaga.jpg_1570148651.jpg' class='img-fluid' alt='Exterior of the Picasso Museum in Malaga' title='Exterior of the Picasso Museum in Malaga'>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">The Malaga of Picasso</h2> <p class="description-secondary">Malaga is the city where Pablo Picasso spent his early childhood.…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/en/discover-spain/malaga-music-art/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/images/cabecera/Gibralfaro-vistas-atardecer-Malaga-c-Turismo-Malaga.jpg_1143197247.jpg' srcset='/export/sites/segtur/.content/images/cabecera/Gibralfaro-vistas-atardecer-Malaga-c-Turismo-Malaga.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/images/cabecera/Gibralfaro-vistas-atardecer-Malaga-c-Turismo-Malaga.jpg_1570148651.jpg 345w, /export/sites/segtur/.content/images/cabecera/Gibralfaro-vistas-atardecer-Malaga-c-Turismo-Malaga.jpg_1143197247.jpg 280w' sizes='(max-width: 480px) 345px, (max-width: 768px) 345px, 280px' src='/export/sites/segtur/.content/images/cabecera/Gibralfaro-vistas-atardecer-Malaga-c-Turismo-Malaga.jpg_1570148651.jpg' class='img-fluid' alt='Malaga views' title='Malaga views'>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle"></span> <h2 class="title-secondary">Malaga, cosmopolitan and hip</h2> <p class="description-secondary">Several things make Malaga one of the most important Spanish…</p> </div> </div> </a> </div> </div> </div> </div> </div> </section> </section> </div><div class="bg-cover"> <section class="module banner-img-bg"> <div class="bg-cover"> <img src="/export/sites/segtur/.content/imagenes/banners/actividades/banner-actividades-generico.jpg" alt="banner" class="img-editable img-fluid" style="display: none;"> <div class="container"> <div class="wrapper-cta"> <div class="title-box"> <span class="subtitle">EXPERIENCES</span> <p class="title">Book yours</p> <hr> <p class="description d-none d-sm-block">Choose between thousands of activities to live your best life on holiday.</p> </div> <a href="/en/search-results/?tab=e&exp=true&loc=AMP" class="btn btn-white text-uppercase" rel="nofollow">See more</a> <img src="/export/sites/segtur/.content/imagenes/banners/actividades/banner-actividades-generica-mb.jpg" alt="banner" class="img-fluid d-md-none"> </div> </div> </div> </section> </div></div></div><div id="extra" ></div><div id="form-errores" ></div></main> <footer class="footer text-center"> <button type="button" id="insuitlaunch"> <div class="wrapper-img"> <img src="/export/sites/segtur/.content/comun/footer/icono-accesibilidad.png" width="50" alt="modo accesible"> </div> <div class="wrapper-text noned"> <p class="text">Accessible mode</p> </div> </button> <div class="buttons-fixed hidden"> <div class="back-to-top"> <span class="icon-arrow-up"></span> </div> <div id="acordeon-pers" class="accordion"> <button type="button" data-toggle="collapse" data-target="#collapserrss" aria-expanded="false" aria-label="desplegar redes sociales"><span class="icon-share"></span></button> <div id="collapserrss" class="wrapper-desplegable collapse" data-parent="#acordeon-pers"> <ul class="list"> <li class="list-item"><a href="https://www.facebook.com/sharer.php?u=https://www.spain.info/en/region/costa-del-sol/" rel="nofollow" class="item-link hacerblank"><span class="icon-facebook"></span></a></li> <li class="list-item"><a href="https://x.com/share?url=https://www.spain.info/en/region/costa-del-sol/" rel="nofollow" class="item-link hacerblank"><span class="icon-xicon1"></span></a></li> <li class="list-item"><a href="/en/app/send-to-a-friend/?id=22ff7e1b-fef6-11e9-813b-0242ac110003" class="item-link hacerblank" rel="nofollow"><span class="icon-mail-social"></span></a></li> <li class="list-item"> <div class="sguardar"> <span id="save_btn"> <svg version="1.1" width="25px" fill="#E71C03" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 533.3 533.3" style="enable-background:new 0 0 533.3 533.3;" xml:space="preserve"> <g><path class="st0" d="M266.7,283.3L400,150H300V16.7h-66.7V150h-100L266.7,283.3z M387.9,228.8l-37.4,37.4L486,316.7l-219.3,81.8 L47.4,316.7l135.5-50.5l-37.4-37.4L0,283.3v133.3l266.7,100l266.7-100V283.3L387.9,228.8z"></path></g> </svg> </span> </div> </li> </ul> </div> </div> </div> <div class="claim text-center"> <p class="custom-title">Spain</p> </div> <div class="container-fluid no-gutters wrapper-footer bg-cover"> <img data-src='/export/sites/segtur/.content/comun/footer/no_categ.jpg' data-srcset='/export/sites/segtur/.content/comun/footer/no_categ.jpg_1071532788.jpg 480w, /export/sites/segtur/.content/comun/footer/no_categ.jpg_594351065.jpg 768w, /export/sites/segtur/.content/comun/footer/no_categ.jpg_193627401.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/comun/footer/no_categ.jpg_1071532788.jpg' class='lazy img-fluid' alt='' title=''><section class="list-navigation"> <div class="separator-mini-img text-center"> <img src="/export/sites/segtur/.content/comun/footer/mapita.png" class="img-fluid" alt=""> </div> <div class="container"> <div class="row align-items-center py-4"> <div class="col-md-4 text-center pb-4"> <div id="logo-footer" class="logo"> <a href="/en/"><img src="/export/sites/segtur/.content/comun/footer/logo.jpg" alt="logo"></a> </div> </div> <div class="col-md-4 text-center"> <div class="wrapper-icons-inline"> <nav class="wrapper-icons-inline--rounded"> <ul class="list"> <li class="list-item pb-3"><a href="https://www.facebook.com/spain.info" rel="nofollow" class="item-link" target="_blank" aria-label="facebook"><span class="icon-facebook text-white"></span></a></li> <li class="list-item pb-3"><a href="https://x.com/spain" rel="nofollow" class="item-link" target="_blank" aria-label="twitter"><span class="icon-xicon1 text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.youtube.com/spain" rel="nofollow" class="item-link" target="_blank" aria-label="youtube"><span class="icon-youtube text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.instagram.com/spain/" rel="nofollow" class="item-link" target="_blank" aria-label="instagram"><span class="icon-instagram text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.tiktok.com/@visitspain" rel="nofollow" class="item-link" target="_blank" aria-label="tiktok"><span class="icon-tiktok text-white"></span></a></li> </ul> </nav> </div> <p class="text-gray">All rights reserved</p> </div> <div class="col-md-4 text-center"> <div id="footer" ><nav class="vertical-list"> <ul class="list align-items-right no-bullets"> <li class="list-item d-block"> <a title="" href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Casos_Turista/CasoTuristaIngles.aspx" target="_blank" rel="nofollow" class="text-gray text-uppercase"> Contact</a> </li> <li class="list-item d-block"> <a title="" href="https://www.tourspain.es/en/" target="_blank" class="text-gray text-uppercase"> About us</a> </li> <li class="list-item d-block"> <a title="" href="/en/site-map/" class="text-gray text-uppercase"> Site map</a> </li> <li class="list-item d-block"> <a title="" href="/en/legal-notice/" rel="nofollow" class="text-gray text-uppercase"> Legal notice</a> </li> <li class="list-item d-block"> <a title="" href="/en/conditions-use-information/" rel="nofollow" class="text-gray text-uppercase"> Use of the information</a> </li> <li class="list-item d-block"> <a title="" href="/en/cookies/" rel="nofollow" class="text-gray text-uppercase"> Cookie Policy</a> </li> <li class="list-item d-block"> <a title="" href="/en/accessibility/" rel="nofollow" class="text-gray text-uppercase"> Accessibility</a> </li> </ul> </nav> </div></div> </div> </div> </section> </div> <script defer src="/export/system/modules/es.segittur.comun/resources/js/cookie-consent-en.js" type="text/javascript"></script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/klaro-no-translations-no-css.js" type="text/javascript"></script> <div id="snackbar" class="aviso-pwa"><p>You are not online. A connection is required for updated content.</p></div> <div id="wrapper-saved"> <div id="savedOffline" class="aviso-pwa savedoffline p-3 standard-box-shadow"> <span id="close-saved" class="icon-close pb-3"></span> <p class="title bolder h4 mb-3">You have downloaded the content</p> <p id="textInstall" class="text py-3">We recommend downloading the content offline from the Spain.info Web App</p> <div id="stext_ios" class="text-left"></div> <div class="wrapper-botones d-flex align-items-center justify-content-around"> <button id="installApp" class="btn btn-dark text-white text-uppercase okDload">Download</button> </div> </div> </div> <div id="swfail" class="aviso-pwa"><p>It is not possible to save for offline use.</p></div> </footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script defer src="https://player.vimeo.com/api/player.js "></script> <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin=""></script> <script defer type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script defer type="text/javascript"> const swrapper_saved = document.getElementById('wrapper-saved'); const sinstall_button = document.getElementById('installApp'); const stext_install = document.getElementById('textInstall'); const stext_button = document.getElementById('save_btn'); const ssaved = document.getElementById('savedOffline'); const stext_ios = document.getElementById('stext_ios'); if($('.sguardar').length){ if($('.sguardar').length<2){ $('.sguardar').parent().hide(); } $('.sguardar').click(function (e) { e.preventDefault(); if('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw.js', { scope: '/' }) .then(function(registration) { if(navigator.onLine) { stext_button.innerHTML = "Downloaded"; swrapper_saved.style.display = 'block'; ssaved.style.display = "block"; function iOS() { return [ 'iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod' ].includes(navigator.platform) || (navigator.userAgent.includes("Mac") && "ontouchend" in document) } var result = iOS(); if(result == true){ swrapper_saved.style.display = 'block'; stext_install.style.display = 'block'; //sinstall_button.style.display = 'block'; stext_ios.innerHTML = '<div class="d-flex"><span>1.-</span><span class="mr-2"> 1. Click on share (iOS icon).</span><img src="/.content/images/iconos/iosshare.svg"></div><div class="d-flex"><span>2.-</span><span> 2. Select “Add to home screen”.</span></div>'; } if (window.matchMedia('(display-mode: standalone)').matches ){ stext_install.style.display = 'none'; stext_ios.style.display = 'none'; stext_button.style.display = 'none'; sinstall_button.style.display = 'none'; } } else { document.getElementById('snackbar').style.display = 'block'; } }); navigator.serviceWorker.ready.then(function(registration) { }).catch(function(err){ let swerror = document.getElementById('swfail'); swerror.style.display = 'block'; //console.log('error'); }); function replaceAttributes(e, ...attrs) { let src = e.src; attrs.forEach(attr => e.setAttribute(attr, src.replace(/\.jpg_.*\.jpg/, ".jpg")) ); } var urls = Array.prototype.map.call( document.querySelectorAll("img[src^='/export']"), function(e) { if (e.src !== undefined && e.src !== ''){ if ((/^([\w]+\:)?\/\//.test(e.src) && e.src.indexOf(location.host) === -1) || (/^([\w]+\:)?\/\//.test(e.href) && e.href.indexOf(location.host) === -1)) { } else { return e.src.replace(/\.jpg_.*\.jpg/, ".jpg"); } } } ); let urlCanonical = document.querySelector( "link[rel='canonical']" ).getAttribute("href"); var data = { title: urlCanonical, description: document.querySelector( "meta[name='description']" ).getAttribute("content"), h1: document.querySelector( "h1" ).textContent }; localStorage.setItem( urlCanonical, JSON.stringify(data) ); var offlinepage = 'https://www.spain.info/en/offline.html'; urls.push(urlCanonical, offlinepage); urls.forEach(element => { if (element !== undefined){ caches.open('main-1') .then(cache => fetch(element).then(response => { if (element == urlCanonical){ var parser = new DOMParser(); var xmlDoc = ""; response.text().then(function(text) { xmlDoc = parser.parseFromString(text,"text/html"); Array.prototype.map.call( xmlDoc.querySelectorAll("img[src^='/export']"), function(e) { if (e.src !== undefined && e.src !== ''){ if ((/^([\w]+\:)?\/\//.test(e.src) && e.src.indexOf(location.host) === -1) || (/^([\w]+\:)?\/\//.test(e.href) && e.href.indexOf(location.host) === -1)) { } else { replaceAttributes(e, 'srcset', 'data-srcset', 'data-src', 'src'); e.classList.remove('lazy'); e.removeAttribute('sizes'); } } } ); const responseText = "<!DOCTYPE html>" + xmlDoc.documentElement.outerHTML; let newText = responseText; const path = "/export/system/modules/es.segittur.comun/resources/"; let staticResoruces = ["jquery-3.4.1.min.js","popper.min.js","bootstrap.min.css","bootstrap.min.js","slick.css","slick-theme.css","slick.min.js"]; Array.prototype.map.call( xmlDoc.querySelectorAll("link[rel='stylesheet'][href], script[src]"), function(e) { let url = e.href || e.src; let urlSplit = url.split("/"); let filename = urlSplit[urlSplit.length - 1]; if(staticResoruces.includes(filename)){ if(e.hasAttribute('integrity')){ let integritynumber = e.getAttribute('integrity'); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"anonymous\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\"", ""); } if(e.src){ filename = path+"js/"+filename; }else{ filename = path+"css/"+filename; } if(filename=="/export/system/modules/es.segittur.comun/resources/js/slick.min.js"){ url = url.replace("https:",""); url = url.replace("http:",""); } newText = newText.replace(url, filename); } } ); return cache.put(urlCanonical, new Response(newText, response)); }); } else{ return cache.put(element, response.clone()); } } ) ); } }); } }); } if('serviceWorker' in navigator){ if(navigator.onLine) { document.getElementById('snackbar').style.display = 'none'; } else { document.getElementById('snackbar').style.display = 'block'; } } window.deferredPrompt = {}; window.addEventListener('beforeinstallprompt', e => { stext_install.style.display = 'block'; sinstall_button.style.display = 'block'; e.preventDefault(); window.deferredPrompt = e; sinstall_button.addEventListener('click', e => { window.deferredPrompt.prompt(); window.deferredPrompt.userChoice.then(choiceResult => { if (choiceResult.outcome === 'accepted') { sinstall_button.style.display = 'none'; swrapper_saved.style.display = 'none'; } window.deferredPrompt = null; }); }); }); window.onload = function() { if (stext_button != null){ var location = window.location.href; if(localStorage.getItem(location) === null){ stext_button.innerHTML = 'Download offline'; } else { stext_button.innerHTML = 'Downloaded'; } } var locale = 'en'; /* if (locale == 'es' || locale == 'en' || locale == 'de' || locale == 'fr' || locale == 'it' || locale == 'pt_BR'){ setTimeout(() => { if (getCookie('encuesta')!="true" && getCookie('cc_cookie_sp')!=null && JSON.parse(getCookie('cc_cookie_sp')).external_cookies) { document.getElementById("encuesta").style.visibility = "visible"; } else { document.getElementById("encuesta").style.visibility = "hidden"; } }, 30000); } */ }; window.addEventListener('appinstalled', e => { $('#wrapper-saved').removeClass('d-block'); $('#installApp').hide(); $('#ssavedOffline').css({display: "block"}); $('#textInstall').hide(); }); document.getElementById('close-saved').addEventListener('click', e => { document.getElementById('wrapper-saved').style.display = 'none'; }) </script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/scripts.min.js" type="text/javascript"></script> <script type="text/javascript"> if( $('#modal-mapa-fav').length){ $('#modal-mapa-fav').on('shown.bs.modal', function(e) { var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapafav = document.createElement('script'); mapafav.type = "text/javascript"; mapafav.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-favoritos.js"; $('body').append(mapafav); }); } if($('#mi-viaje-container').length){ var miviajescript = document.createElement('script'); miviajescript.type = "text/javascript"; miviajescript.src = "/export/system/modules/es.segittur.consulta/resources/mi-viaje-query.js"; $('body').append(miviajescript); } if ($('.experiencias-search').length) { $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-datepicker3.min.css" rel="stylesheet">').appendTo('head'); $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-slider.css" rel="stylesheet">').appendTo('head'); var datescript = document.createElement('script'); datescript.type = "text/javascript"; datescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-slider.js"; $('body').append(datescript); var localescript = document.createElement('script'); localescript.type = "text/javascript"; localescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.min.js"; localescript.charset = "UTF-8"; $('body').append(localescript); var btslider = document.createElement('script'); btslider.type = "text/javascript"; btslider.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.es.min.js"; btslider.charset = "UTF-8"; $('body').append(btslider); $('.input-daterange').datepicker({ weekStart: 1, language: "es", multidate: false, todayHighlight: true }); $("#priceSliderInput").slider({}); /* textPrice = document.createElement("p"); textPrice.id = "textPrice"; acordPrecio = document.getElementById("acord-precio"); acordPrecio.appendChild(textPrice); min = acordPrecio.getElementsByClassName("tooltip-min")[0].getElementsByClassName("tooltip-inner")[0].innerText; max = acordPrecio.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; $("#priceSliderInput").on("slide", function(slideEvt) { //$("#tooltip-inner").html("asd"); let mini = document.getElementById("priceSliderInput").getAttribute("value"); console.log(mini); mini.textContent += ' e'; //document.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; //document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; //console.log("asd"); }); */ } if ($('.kml').length) { var script = document.createElement('script'); script.type = "text/javascript"; script.src = "/export/system/modules/es.segittur.comun/resources/js/L.KML.js"; $('body').append(script); //MAPA LEAFLET var map = L.map('map').setView([40.4149903, -3.70447, 15], 14); map.scrollWheelZoom.disable(); L.tileLayer('https://{s}.tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); // Load kml file fetch(segturkml).then(function (res) { return res.text(); }).then(function (kmltext) { // Create new kml overlay var parser = new DOMParser(); var kml = parser.parseFromString(kmltext, 'text/xml'); var track = new L.KML(kml); map.addLayer(track); // Adjust map to show the kml var bounds = track.getBounds(); map.fitBounds(bounds); }); } if ($('.gpx').length) { if(navigator.userAgent.indexOf('MSIE')!==-1 || navigator.appVersion.indexOf('Trident/') > -1){ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@0.3.9/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var opts = { map: { center: [41.4583, 12.7059], zoom: 5, markerZoomAnimation: false, zoomControl: false, layersControl: false }, zoomControl: { position: 'topleft', }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { tracks: { track_1: { url: segturgpx } }, options: { position: "bottomright", theme: "lime-theme", useHeightIndicator: false, interpolation: d3.curveLinear, collapsed: false, detachedView: false, }, }, layersControl: { options: { collapsed: false, }, }, }; var map = new L.Map('map', opts.map); var baseLayers = {}; baseLayers.OTM = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); baseLayers.TOPO = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); var controlZoom = new L.Control.Zoom(opts.zoomControl); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(null, null, opts.layersControl.options); controlZoom.addTo(map); controlLayer.addTo(map); controlElevation.loadChart(map); map.addLayer(baseLayers.OTM); var traces = []; var tracks = opts.elevationControl.tracks; var i = 0; for (var track in tracks) { loadTrace(track, i++) } function loadTrace(track, i) { var trace = {}; trace.gpx = new L.GPX(tracks[track].url, { async: true, index: i, marker_options: { startIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', endIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', shadowUrl: null, }, polyline_options: { color: tracks[track].color, } }); trace.gpx.on('loaded', function(e) { controlLayer.addBaseLayer(e.target, e.target.get_name()); document.getElementsByClassName("leaflet-control-layers")[0].style.display = "none"; let elevationContainer = document.getElementsByClassName("leaflet-control-container")[0]; let elevationSpaininfoTheme = elevationContainer.getElementsByClassName("lime-theme")[0]; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(255, 255, 240, 0.5)'; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(187, 214, 171, 0.6)'; if (e.target.options.index == 0) { setElevationTrace(0); } else { //map.removeLayer(e.target); } }) trace.gpx.on("addline", function(e) { trace.line = e.line; }) trace.gpx.addTo(map); traces.push(trace); } map.on("baselayerchange", function(e) { for (var i in traces) { if (traces[i].gpx._leaflet_id == e.layer._leaflet_id) { setElevationTrace(e.layer.options.index); break; } } }); function setElevationTrace(index) { var trace = traces[index]; controlElevation.clear(); var q = document.querySelector.bind(document); controlElevation.addData(trace.line); map.fitBounds(trace.gpx.getBounds()); trace.gpx.setStyle({ color: 'red', weight: 4, opacity: 0.8, }); } }else{ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@1.5.0/dist/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', position: "bottomright", collapsed: false, detached: false, autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; if($( window ).width() < 1280){ optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; } var opts = { map: { center: [40.4149903, -3.70447], zoom: 15, }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { url: segturgpx, options: optElevationControl }, layersControl: { options: { collapsed: false }, }, }; var map = new L.Map('map', opts.map); map.scrollWheelZoom.disable(); var baseLayers = {}; baseLayers["Topo"] = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); baseLayers["Map"] = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); map.addLayer(baseLayers["Map"]); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(baseLayers, null, opts.layersControl.options); controlElevation.load(opts.elevationControl.url); controlElevation.addTo(map); controlLayer.addTo(map); map.on('eledata_loaded', function(e) { var coordinateGPX = ""; var latitude = controlElevation.getBounds().getCenter().lat; var longitude = controlElevation.getBounds().getCenter().lng; if( coordinateGPX != "false"){ let coordinateList = coordinateGPX.split(","); latitude = parseFloat(coordinateList[0]); longitude = parseFloat(coordinateList[1]); } map.setView([latitude, longitude], 15); }); } } if( $('#mapa-oets').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var scriptmapoet = document.createElement('script'); scriptmapoet.type = "text/javascript"; scriptmapoet.src = "/export/system/modules/es.segittur.infoPractica/resources/mapa-oets-sh.js"; $('body').append(scriptmapoet); } if( $('.resultados-mapa').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); if( $('.sh-mapa-interactivo').length ){ var mapai = document.createElement('script'); mapai.type = "text/javascript"; mapai.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-interactivo.js"; $('body').append(mapai); } if( $('.mapa-buscador').length ){ $('#modal-mapa-buscador').on('shown.bs.modal', function(e) { var mapab = document.createElement('script'); mapab.type = "text/javascript"; mapab.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-buscador.js"; $('body').append(mapab); $('.header').css('z-index', '9'); }); $('#modal-mapa-buscador').on('hidden.bs.modal', function(e){ $('.header').css('z-index', '999999999'); }); } $('#resultados-texto').click(function(){ $('html, body').animate({scrollTop: $(this).offset().top - 70 },'slow'); }); $('.navbar-toggler').click(function(){ var ide = $(this).attr('data-target'); var cajas = $("[class^='wrapper-lista-'].show"); if (!$(ide).hasClass("show")) { $(cajas).removeClass('show'); } if(!$(cajas).length){ $('.header-relative').css({'overflow':'hidden', 'position':'fixed'}); } else { $('.header-relative').css({'overflow':'inherit', 'position':'inherit'}); } }); $('#padre').on('shown.bs.collapse', function () { $(this).find('input').prop('checked', true); }); $('#padre').on('hidden.bs.collapse', function () { $(this).find('input').prop('checked', false); }); } if( $('#mapa-pueblosbonitos').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapaPueblosBonitos = document.createElement('script'); mapaPueblosBonitos.type = "text/javascript"; mapaPueblosBonitos.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-pueblos-bonitos.js"; $('body').append(mapaPueblosBonitos); var localemapapb = 'en'; } if( $('#mapa-taxFree').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapaTaxFree = document.createElement('script'); mapaTaxFree.type = "text/javascript"; mapaTaxFree.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-tax-free.js"; $('body').append(mapaTaxFree); var localemapapb = 'en'; } if( $('#ac-container').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.actividades/resources/js/autocomplete/ac-experiencias.js"; $('body').append(scriptmapai); } if( $('.twentytwenty-container').length ){ $('<link href="/export/system/modules/es.segittur.comun/resources/css/foundation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/twentytwenty.css" rel="stylesheet">').appendTo('head'); var scriptcomp = document.createElement('script'); scriptcomp.type = "text/javascript"; scriptcomp.src = "/export/system/modules/es.segittur.comun/resources/js/twentytwenty.js"; $('body').append(scriptcomp); } </script><script type='application/ld+json'>{"@context":"http://www.schema.org","@type":"TouristDestination","name":"Costa del Sol","url":"https://www.spain.info/en/region/costa-del-sol/","description":"Endless beaches to stroll along, hidden coves, white villages that appear like a mirage in the middle of the mountains, historical landmarks with centuries of culture, afternoons spent shopping, evenings sipping cocktails by the sea, pleasant temperatures all year round and happy, friendly people that make you feel at home. These are the main ingredients of this region of Andalusia, where the mountain and the Mediterranean sea combine to create idyllic landscapes.","image":"https://www.spain.info/.content/imagenes/cabeceras-grandes/andalucia/Marbella-Puerto-Banus-s473238115.jpg","address":{"@type":"PostalAddress","streetAddress":" - Malaga Andalusia","addressLocality":"-","addressRegion":"Andalusia"}}</script> </body> </html>

CINXE.COM

Costa del Sol. What to see and the best travel plans | spain.info