The best city hotels in the world - interactive map | Travel

<!DOCTYPE html><html lang="en"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("http://web.archive.org/web"); __wm.wombat("http://www.guardian.co.uk/travel/interactive/2011/feb/25/top-10-city-hotels-around-the-world-map","20120225172044","http://web.archive.org/","web","/_static/", "1330190444"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <script type="text/javascript"> document.domain = "guardian.co.uk"; </script> <title> The best city hotels in the world - interactive map | Travel | guardian.co.uk </title> <meta charset="utf-8"/>  <script type="text/javascript"> //<![CDATA[ OAS_url = 'http://web.archive.org/web/20120225172044/http://oas.guardian.co.uk/RealMedia/ads/'; OAS_sitepage = "www.guardian.co.uk/travel/interactive/2011/feb/25/top-10-city-hotels-around-the-world-map/oas.html"; OAS_listpos = 'Top,Middle1'; OAS_query = 'k=travel&k=hotels&cf=short+breaks+travel&pid=&ct=interactive&pt=interactive&'; OAS_target = '_blank'; OAS_rn = '001234567890'; OAS_rns = '1234567890'; OAS_rn = new String (Math.random()); OAS_rns = OAS_rn.substring (2, 11); //]]> </script> <meta http-equiv="Content-Style-Type" content="text/css"/> <link rel="canonical" href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/travel/interactive/2011/feb/25/top-10-city-hotels-around-the-world-map"/> <meta name="description" content="We've mapped our favourite hotels in 32 cities across the world, hand-picked by locals and experts from San Francisco to Beijing"/> <link rel="image_src" href="http://web.archive.org/web/20120225172044im_/http://static.guim.co.uk/sys-images/Travel/Pix/pictures/2011/2/25/1298634478722/Top-10-city-hotel-maps-003.jpg"/> <meta name="DC.date.issued" content="2011-02-25"> <meta property="og:title" content="The best city hotels in the world - interactive map"/> <meta property="og:type" content="article"/> <meta property="article:published_time" content="2011-02-25T11:58:16Z"/> <meta property="article:modified_time" content="2011-02-25T12:01:16Z"/> <meta property="article:author" content="http://www.guardian.co.uk/profile/benjilanyado"/> <meta property="article:author" content="http://www.guardian.co.uk/profile/martin-hearn"/> <meta property="article:tag" content="Hotels"/> <meta property="article:tag" content="Travel"/> <meta property="article:section" content="Travel"/> <meta property="og:url" content="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/travel/interactive/2011/feb/25/top-10-city-hotels-around-the-world-map"/> <meta property="og:image" content="http://web.archive.org/web/20120225172044im_/https://static-secure.guim.co.uk/sys-images/Travel/Pix/pictures/2011/2/25/1298634478722/Top-10-city-hotel-maps-003.jpg"/> <meta property="og:site_name" content="the Guardian"/> <meta property="og:description" content="We've mapped our favourite hotels in 32 cities across the world, hand-picked by locals and experts from San Francisco to Beijing"/> <meta property="fb:app_id" content="180444840287"/> <meta name="keywords" content="Hotels,Travel,Travel"/> <link rel="shortcut icon" href="/web/20120225172044im_/http://www.guardian.co.uk/favicon.ico" type="image/x-icon"/> <link rel="shorturl" href="http://gu.com/p/2nbz9"/> <script type="text/javascript"> //<![CDATA[ if (!commonStaticRoot) { var commonStaticRoot = "http://web.archive.org/web/20120225172044/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/"; } if (!sectionStaticRoot) { var sectionStaticRoot = "http://web.archive.org/web/20120225172044/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/travel/"; } if (!staticHost) { var staticHost="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/"; } if (!sitePrefixUrl) { var sitePrefixUrl = "http://web.archive.org/web/20120225172044/http://www.guardian.co.uk"; } //]]> </script> <link rel="alternate stylesheet" title="No layout" type="text/css" href="http://web.archive.org/web/20120225172044cs_/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/styles/no-layout.css" media="screen" class="contrast" id="no-layout-sheet"/> <link rel="stylesheet" type="text/css" href="http://web.archive.org/web/20120225172044cs_/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/styles/content-wide.css" media="all"/> <link rel="stylesheet" type="text/css" href="http://web.archive.org/web/20120225172044cs_/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/zones/travel/styles/zone-accent.css" media="screen" class="contrast"/> <link rel="stylesheet" type="text/css" href="http://web.archive.org/web/20120225172044cs_/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/styles/base-typography.css" media="screen"/>     <link rel="stylesheet" type="text/css" href="http://web.archive.org/web/20120225172044cs_/http://combo.guim.co.uk/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/badge+content-actions+default-ad-placeholders+header-local-info+page-toolbox+series-component+sprites+top-navigation.css"/> <script type="text/javascript"> var _sf_startpt=(new Date()).getTime(); </script> <script src="//web.archive.org/web/20120225172044js_/http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="http://web.archive.org/web/20120225172044/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/scripts/libs/jquery/1.6.4/jquery.min.js">\x3C/script>')</script> <script src="http://web.archive.org/web/20120225172044js_/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/scripts/libs/jquery/cookie/1.0.0/jquery.cookie.js"></script> <script src="http://web.archive.org/web/20120225172044js_/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/scripts/libs/jquery/writeCapture/1.0.5/jquery.writeCapture.min.js"></script> <script>var jQ = jQuery.noConflict();</script> <script src="//web.archive.org/web/20120225172044js_/http://cdn.optimizely.com/js/10822091.js"></script> <script src="http://web.archive.org/web/20120225172044js_/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/scripts/gu-core.js"></script> <script> var thirdPartyReferralCookieService = new guardian.r2.ThirdPartyReferralCookieService(); thirdPartyReferralCookieService.setThirdPartyReferralCookie(); var urlStack = new UrlStack(".guardian.co.uk"); var communitiesSite = false; //<![CDATA[ function init() { urlStack.clearUrlStack(); var signOutLink = document.getElementById("sign-out"); if (signOutLink) { signOutLink.onclick = signOut; } // Purely styling //jQ('.js-show').removeClass('js-show'); } guardian.r2.resourceRoot = "http://web.archive.org/web/20120225172044/http://resource.guim.co.uk/"; var pageUrl = "http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/travel/interactive/2011/feb/25/top-10-city-hotels-around-the-world-map"; var pageSignature = "d9b96f11ba808e0c5d40383a9b20c201c593f761ee8e80f52e45d5b000fe0ed5"; jQ(document).ready(init); var SIGN_IN_URL = 'http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/tools/signin'; var RESOURCE_ROOT = 'http://web.archive.org/web/20120225172044/http://resource.guim.co.uk/'; var PROFILE_LINK_VIEW = "http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/discussion/user/"; </script> <script src="http://web.archive.org/web/20120225172044js_/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/scripts/libs/requirejs/1.0.2/requirejs.js" data-main="http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/scripts/main.js" data-modules="init" data-callback="" id="require-js"></script> <script type="text/javascript"> //<![CDATA[ function insertStyleSheet(href) { var styleObject = document.createElement('link'); styleObject.setAttribute('href', commonStaticRoot + href); styleObject.setAttribute('type', 'text/css'); styleObject.setAttribute('media', 'screen'); styleObject.setAttribute('rel', 'stylesheet'); var head = document.getElementsByTagName('head')[0]; head.appendChild(styleObject); } insertStyleSheet('styles/js-on.css'); insertPluckStylesheet = true; //]]> </script> <script type="text/javascript" src="http://web.archive.org/web/20120225172044js_/http://combo.guim.co.uk/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/scripts/formChecker+common/scripts/guardian.r2.EmailToAFriend+common/scripts/guardian.r2.OmnitureTracking+common/scripts/guardian.r2.ShareThis+common/scripts/sendtoafriend+common/scripts/shareCounts+common/scripts/signinTopNav+common/scripts/tweet_button.js"></script> <script src="http://web.archive.org/web/20120225172044js_/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/external-scripts/mvt/cm_lib_compressed.js"></script> <script type="text/javascript"> ensurePackage('guardian.r2.omniture'); guardian.r2.omniture.isAvailable = function(){ return true; } </script> </head> <body class="interactive content-wide"> <div id="wrapper"> <div id="header"> <div id="sub-header"> <div class="top-navigation twelve-col top-navigation-js"> <div class="user-functions"> <div id="video-settings"> <div class="cookied"> <p class="on"><a class="autoplay-off" href="#skiplinks">Turn autoplay off</a></p> <p class="off"><a class="autoplay-on" href="#skiplinks">Turn autoplay on</a></p> </div> <div class="not-cookied"> <p>Please activate cookies in order to turn autoplay off</p> </div> </div> <div id="skiplinks"> <ul> <li><a href="#box" accesskey="s">Jump to content [s]</a></li> <li><a href="#global-nav" accesskey="0">Jump to site navigation [0]</a></li> <li><a href="#searchbeta" accesskey="4">Jump to search [4]</a></li> <li><a href="http://web.archive.org/web/20120225172044/http://guardian.co.uk/Users/help/article/0,,933909,00.html" accesskey="8">Terms and conditions [8]</a></li> </ul> </div> <div id="edition-selector"> <div id="drop-down-edition" class="drop-down" tabindex="20"> <h2>Edition: <span class="current-edition">US</span></h2> <ul class="initially-off"> <li><a id="editionSwitchLink" href="http://web.archive.org/web/20120225172044/http://www.guardiannews.com/uk-home?INTCMP=ILCNETTXT9474">UK</a></li> </ul> </div> </div> <div class="user-details"> <span><a class="same-page-login-required" href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/identity/signin?returnUrl=http://www.guardian.co.uk/travel/interactive/2011/feb/25/top-10-city-hotels-around-the-world-map&sig=d9b96f11ba808e0c5d40383a9b20c201c593f761ee8e80f52e45d5b000fe0ed5">Sign in</a></span> <span><a href="http://web.archive.org/web/20120225172044/http://m.guardian.co.uk/" class="register-required">Mobile</a></span> </div> <div id="drop-down-1" class="drop-down" tabindex="21"> <h2> About us </h2> <ul> <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/info" class="link-text">About us</a> </li> <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/help/contact-us" class="link-text">Contact us</a> </li> <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/gnm-press-office" class="link-text">Press office</a> </li> <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/help/terms-of-service" class="link-text">Terms of service</a> </li> <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/help/privacy-policy" class="link-text">Privacy policy</a> </li> <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/subscription-services" class="link-text">Subscribe</a> </li> </ul> </div> </div> <div class="other-functions"> <div id="drop-down-3" class="drop-down mirror" tabindex="23"> <h2> Subscribe </h2> <ul> <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/mobile/iphone/guardian" class="link-text">Guardian iPhone</a> </li> <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/mobile/ipad/guardian-ipad-edition" class="link-text">iPad edition</a> </li> <li> <a href="http://web.archive.org/web/20120225172044/http://www.amazon.com/The-Guardian-and-the-Observer/dp/B004MME3M8/ref=sr_1_2?ie=UTF8&m=A3TVV12T0I6NSM&s=digital-text&qid=1310129212&sr=1-2" class="link-text">Kindle</a> </li> <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/weekly/subscribe" class="link-text">Guardian Weekly</a> </li> <li> <a href="http://web.archive.org/web/20120225172044/http://guardian.newspaperdirect.com/epaper/viewer.aspx" class="link-text">Digital edition</a> </li> <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/subscription-services" class="link-text">All our services</a> </li> </ul> </div> </div> </div> <div id="Top" class=" hide-on-popup"> <div id="ad-placeholder-Top"></div> </div> </div> <div id="guardian-logo"> <a href="http://web.archive.org/web/20120225172044/http://www.guardiannews.com/"><img src="http://web.archive.org/web/20120225172044im_/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/images/logos/the-guardian/travel.gif" width="115" height="22" alt="The Guardian home"/></a> </div> <form id="searchbeta" method="get" action="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/search" onsubmit="return searchWeb('http://www.guardian.co.uk/websearch', 'http://www.guardian.co.uk/search', 'http://www.guardian.co.uk/discussion/search/comments/');"> <input type="text" name="q" placeholder="Your search terms..."/> <select name="section" id="gu-site-search" style="z-index: 0 !important;"> <option value="" id="search-guardian">The Guardian</option> <option value="travel" id="search-section" selected="selected">Travel</option> <option value="search-contributions" id="search-contributions">User comments</option> <option value="web" id="search-web">Web</option> </select> <input type="submit" value="Search"/> </form> <div id="zones-nav"> <div id="global-nav"> <ul> <li class="first news"> <a href="http://web.archive.org/web/20120225172044/http://www.guardiannews.com/">News</a> </li> <li class="news"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/world/usa">US</a> </li> <li class="news"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/world">World</a> </li> <li class="sport"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/sport">Sports</a> </li> <li class="comment"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/commentisfree/america">Comment</a> </li> <li class="culture"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/culture">Culture</a> </li> <li class="business"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/business">Business</a> </li> <li class="environment"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/environment">Environment</a> </li> <li class="news"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/science">Science</a> </li> <li class="travel"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/travel">Travel</a> </li> <li class="news"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/technology">Tech</a> </li> <li class="news"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/media">Media</a> </li> <li class="life-and-style"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/lifeandstyle">Life & style</a> </li> <li class="global"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/mobile/apps">Apps</a> </li> <li class="last news"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/data">Data</a> </li> </ul> </div> <div class="trackable-component crumb-wrapper" data-component="comp: r2: Crumb Navigation"> <ul class="crumb-nav"> <li id="crumb1"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/travel">Travel</a> </li> <li id="crumb2"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/travel/hotels">Hotels</a> </li> </ul> </div> </div> </div> <div id="box"> <div id="content"> <div id="article-header"> <div class="series-navigation"> <h4>Series: <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/travel/series/top10cityguides">Top 10 city guides</a></h4> <div class="relative-series-navigation"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/travel/2011/jan/18/palm-springs-california-hotels">Previous</a> | <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/travel/2011/mar/15/munich-hotels-city-breaks">Next</a> | <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/travel/series/top10cityguides">Index</a> </div> </div> <div id="main-article-info"> <h1>The best city hotels in the world - interactive map</h1> <p id="stand-first" class="stand-first-alone">We've mapped our favourite hotels in 32 cities across the world, hand-picked by locals and experts from San Francisco to Beijing. We'll be adding more to the collection, but if you think we've missed somewhere, write a review on our <a href="http://web.archive.org/web/20120225172044/http://www.ivebeenthere.co.uk/">Been there site</a>. See our new <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/travel/travel+content/interactive">travel maps page</a> for more global guides</p> </div> <ul id="content-actions" class="share-links"> <li class="share-links"> <ul> <li class="full-line tweet tweet_button"> <a href="http://web.archive.org/web/20120225172044/http://twitter.com/share" class="twitter-share-button" data-url="http://web.archive.org/web/20120225172044/http://gu.com/p/2nbz9/tw" data-via="guardian" data-counturl="http://www.guardian.co.uk/travel/interactive/2011/feb/25/top-10-city-hotels-around-the-world-map" data-related="guardiantravel" data-text="The best city hotels in the world - interactive map">Tweet this</a> </li> <li class="third-party-tool full-line facebook"> <span class="facebook-share"> <a class="facebook-share-btn" href="http://web.archive.org/web/20120225172044/http://www.facebook.com/dialog/feed?app_id=180444840287&link=http://www.guardian.co.uk/travel/interactive/2011/feb/25/top-10-city-hotels-around-the-world-map&display=popup&redirect_uri=http://static-serve.appspot.com/static/facebook-share/callback.html&show_error=false" data-href="http://www.guardian.co.uk/travel/interactive/2011/feb/25/top-10-city-hotels-around-the-world-map" data-link-name="Facebook Share"> <span class="facebook-share-icon"></span> <span class="facebook-share-label">Share</span> <span class="corner-tl"></span> <span class="corner-tr"></span> <span class="corner-bl"></span> <span class="corner-br"></span> </a> </span> </li> <li class="third-party-tool last-line reddit"> <span class="reddit_button"> <a target="http%3A%2F%2Fwww.guardian.co.uk%2Ftravel%2Finteractive%2F2011%2Ffeb%2F25%2Ftop-10-city-hotels-around-the-world-map&amp;title=" href="http://web.archive.org/web/20120225172044/http://www.reddit.com/submit?url=http%3A%2F%2Fwww.guardian.co.uk%2Ftravel%2Finteractive%2F2011%2Ffeb%2F25%2Ftop-10-city-hotels-around-the-world-map&title=" data-link-name="Reddit image" class="share-this-tracking"> <img src="http://web.archive.org/web/20120225172044im_/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/images/icon_reddit.gif"/> </a> <a target="http://www.reddit.com/submit?url=http%3A%2F%2Fwww.guardian.co.uk%2Ftravel%2Finteractive%2F2011%2Ffeb%2F25%2Ftop-10-city-hotels-around-the-world-map&amp;title=" href="http://web.archive.org/web/20120225172044/http://www.reddit.com/submit?url=http%3A%2F%2Fwww.guardian.co.uk%2Ftravel%2Finteractive%2F2011%2Ffeb%2F25%2Ftop-10-city-hotels-around-the-world-map&title=" data-link-name="Reddit text" class="share-this-tracking">reddit this</a> </span> </li> </ul> </li> </ul> </div> <div id="content-info"> <ul class="article-attributes b4"> <li class="byline"> <div class="contributer-full"> <a class="contributor" rel="author" href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/profile/benjilanyado"> Benji Lanyado</a> and <a class="contributor" rel="author" href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/profile/martin-hearn"> Martin Hearn</a> </div> </li> <li class="publication"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/">guardian.co.uk</a>, <time datetime="2011-02-25T06:58EST" pubdate>Friday 25 February 2011 06.58 EST</time> </li> </ul> <ul id="article-toolbox-side" class="b4 left"> <li><a class="rollover send-email relative-position" href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/email/1524267" title="Opens an email form"><img src="http://web.archive.org/web/20120225172044im_/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/images/icon_email-friend.gif" alt="" class="trail-icon"/><span>Send to a friend</span></a></li> <li><a class="rollover send-share relative-position" href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/share/1524267" title="Opens a share this page in a new window"><img src="http://web.archive.org/web/20120225172044im_/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/images/icon_share.gif" alt="" class="trail-icon"/><span>Share</span></a></li> <li><a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/users/clippings/add?r2PageId=1524267" id="clippable" title="Sends this page to your clippings file" class="rollover anchor-based-login-required package-required-YCLD"><img src="http://web.archive.org/web/20120225172044im_/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/images/icon_clip.gif" alt="" class="trail-icon"/><span>Clip</span></a></li> <li><a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/contactus/1524267" class="rollover contact-link relative-position" title="Displays contact data for guardian.co.uk"><img src="http://web.archive.org/web/20120225172044im_/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/images/icon_email-us.gif" alt="" class="trail-icon"/><span>Contact us</span></a></li> </ul> <div class="toolbox-popup trackable-component" id="send-email-box" data-component="Send email box"> <div class="send-inner"> <div class="share-top"> <h3>Email</h3> <span><a class="close-toolbox" href="#send-email">Close</a></span> </div> <div> <form method="post" name="emailthis" id="emailthis" action="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/email/1524267"> <fieldset> <div><label for="to">Recipient's email address</label></div> <input type="text" id="to" name="to" maxlength="64" value=""/> </fieldset> <fieldset> <div><label for="firstName">Your first name</label></div> <input type="text" name="firstName" id="firstName" maxlength="64" value=""/> </fieldset> <fieldset> <div><label for="surname">Your surname</label></div> <input type="text" id="surname" name="surname" maxlength="64" value=""/> </fieldset> <fieldset> <div> <label for="note">Add a note (optional)</label> <br/><span id="warning-side"></span> </div> <textarea name="note" cols="25" rows="5" onkeyup="formCheckerSide(this,250)"></textarea> </fieldset> <div class="inputrow"> <input type="submit" class="share-this-tracking" data-link-name="Email" value="Send"/> </div> <p class="ip_logged">Your IP address will be logged</p> </form> </div> </div> </div> <div class="toolbox-popup trackable-component" id="send-share-box" data-component="Share box"> <div class="send-inner"> <div class="share-top"> <h3>Share</h3> <span class="js-show"><a class="close-toolbox" href="#send-share-box">Close</a></span> </div> <div class="shortlink"> Short link for this page: <a rel="shortlink nofollow" href="http://web.archive.org/web/20120225172044/http://gu.com/p/2nbz9">http://gu.com/p/2nbz9</a> </div> <ul class="share-this-tracking"> <li> <a data-link-name="Stumbleupon" name="lid={share}{stumbleupon}" href="http://web.archive.org/web/20120225172044/http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.guardian.co.uk%2Ftravel%2Finteractive%2F2011%2Ffeb%2F25%2Ftop-10-city-hotels-around-the-world-map&title=The+best+city+hotels+in+the+world+-+interactive+map"> <span class="spr-16 stumbleupon"></span>StumbleUpon </a> </li> <li> <a data-link-name="Reddit" name="lid={share}{reddit}" href="http://web.archive.org/web/20120225172044/http://reddit.com/submit?url=http%3A%2F%2Fwww.guardian.co.uk%2Ftravel%2Finteractive%2F2011%2Ffeb%2F25%2Ftop-10-city-hotels-around-the-world-map&title=The+best+city+hotels+in+the+world+-+interactive+map"> <span class="spr-16 reddit"></span>reddit </a> </li> <li> <a data-link-name="Tumblr" name="lid={share}{Tumblr}" href="http://web.archive.org/web/20120225172044/http://www.tumblr.com/share?v=3&u=http%3A%2F%2Fwww.guardian.co.uk%2Ftravel%2Finteractive%2F2011%2Ffeb%2F25%2Ftop-10-city-hotels-around-the-world-map&t=The+best+city+hotels+in+the+world+-+interactive+map" title="Share on Tumblr"> <span class="spr-16 tumblr"></span>Tumblr </a> </li> <li> <a data-link-name="Digg" name="lid={share}{Digg}" href="http://web.archive.org/web/20120225172044/http://digg.com/submit?phase=2&url=http%3A%2F%2Fwww.guardian.co.uk%2Ftravel%2Finteractive%2F2011%2Ffeb%2F25%2Ftop-10-city-hotels-around-the-world-map&title=The+best+city+hotels+in+the+world+-+interactive+map"> <span class="spr-16 digg"></span>Digg </a> </li> <li> <a data-link-name="LinkedIn" name="lid={share}{LinkedIn}" href="http://web.archive.org/web/20120225172044/http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Fwww.guardian.co.uk%2Ftravel%2Finteractive%2F2011%2Ffeb%2F25%2Ftop-10-city-hotels-around-the-world-map&title=The+best+city+hotels+in+the+world+-+interactive+map&source=The%20Guardian"> <span class="spr-16 linkedin"></span>LinkedIn </a> </li> <li> <a data-link-name="Google Bookmarks" name="lid={share}{Google Bookmarks}" href="http://web.archive.org/web/20120225172044/http://www.google.com/bookmarks/mark?op=edit&bkmk=http%3A%2F%2Fwww.guardian.co.uk%2Ftravel%2Finteractive%2F2011%2Ffeb%2F25%2Ftop-10-city-hotels-around-the-world-map&title=The+best+city+hotels+in+the+world+-+interactive+map"> <span class="spr-16 google-bookmarks"></span>Google Bookmarks </a> </li> <li> <a data-link-name="del.icio.us" name="lid={share}{del.icio.us}" href="http://web.archive.org/web/20120225172044/http://del.icio.us/post?url=http%3A%2F%2Fwww.guardian.co.uk%2Ftravel%2Finteractive%2F2011%2Ffeb%2F25%2Ftop-10-city-hotels-around-the-world-map&title=The+best+city+hotels+in+the+world+-+interactive+map"> <span class="spr-16 delicious"></span>del.icio.us </a> </li> <li> <a data-link-name="Livejournal" name="lid={share}{livejournal}" href="http://web.archive.org/web/20120225172044/http://www.livejournal.com/update.bml?subject=http%3A%2F%2Fwww.guardian.co.uk%2Ftravel%2Finteractive%2F2011%2Ffeb%2F25%2Ftop-10-city-hotels-around-the-world-map"> <span class="spr-16 livejournal"></span>livejournal </a> </li> <li> <a data-link-name="Facebook" name="lid={share}{Facebook}" href="http://web.archive.org/web/20120225172044/http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.guardian.co.uk%2Ftravel%2Finteractive%2F2011%2Ffeb%2F25%2Ftop-10-city-hotels-around-the-world-map"> <span class="spr-16 facebook"></span>Facebook </a> </li> <li> <a data-link-name="Twitter" name="lid={share}{Twitter}" href="http://web.archive.org/web/20120225172044/http://twitter.com/home?status=http%3A%2F%2Fgu.com%2Fp%2F2nbz9%2Ftw"> <span class="spr-16 twitter"></span>Twitter </a> </li> </ul> <div class="clear"></div> </div> </div> <div class="toolbox-popup" id="contact-link-box"> <div class="send-inner"> <div class="share-top"> <h3>Contact us</h3> <span><a class="close-toolbox" href="#contact">Close</a></span> </div> <div class="col first"> <ul> <li> Contact the Travel editor<br><a href="http://web.archive.org/web/20120225172044/mailto:travel.editor@guardianunlimited.co.uk">travel.editor@<br>guardianunlimited.co.uk</a> </li> <li> Report errors or inaccuracies: <a href="http://web.archive.org/web/20120225172044/mailto:reader@guardian.co.uk">reader@guardian.co.uk</a> </li> <li> Letters for publication should be sent to: <a href="http://web.archive.org/web/20120225172044/mailto:letters@guardian.co.uk">letters@guardian.co.uk</a> </li> </ul> </div> <div class="col"> <ul> <li> If you need help using the site: <a href="http://web.archive.org/web/20120225172044/mailto:userhelp@guardian.co.uk">userhelp@guardian.co.uk</a> </li> <li> Call the main Guardian and Observer switchboard: <br/><span>+44 (0)20 3353 2000</span> </li> <li> <ul> <li> <a href="http://web.archive.org/web/20120225172044/http://adinfo-guardian.co.uk/">Advertising guide</a> </li> <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/syndication/">License/buy our content</a> </li> </ul> </li> </ul> </div> </div> </div> </div> <div id="interactive-content"> <div id="interactive" class="flash"> <style type="text/css"> .paulGuRow { color: #333; } .paulGuHeaderRow { color: #333; } .selected { background-color: #ededed; } #table-div { float:left;} #table-div table th { text-align: left; border-bottom: 1px solid #000; padding-bottom: 4px; } #table-div table td { cursor:pointer; border-bottom: 1px dotted #999; padding-bottom: 6px; padding-top: 2px; } #table-div table tr:hover { background-color: #fff3A5; } #table-div table { width: 350px; } #table-div .tabs li a.active-tab, #table-div .tabs li a.active-tab:hover { background-color: #fff !important; border-color: #999 !important; color: #333 !important; border-bottom-color: #fff !important; } div#selectcity select#mapSelect { border: 1px solid #00008B; display:inline; align:right; font-size:13px; position: relative; left: 100px; } div#selectcity { width:350px; align:right; font-size:16px; font-weight:bold;margin-bottom:10px;}; .gmnoprint { height:100%;} .scrollable { height:300px; overflow:auto;} #loading { background-color: #A9A9A9; height: 550px; text-align: center; width: 940px; padding-top: 80px; z-index: 10; float:left; } .citylink { padding-top:10px; padding-bottom:10px; display:block; font-weight:bold; font-size:1.25em;} </style> <script type="text/javascript" src="http://web.archive.org/web/20120225172044js_/http://static.guim.co.uk/static/73939/common/external-scripts/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="http://web.archive.org/web/20120225172044js_/http://www.google.com/jsapi"></script> <script src="http://web.archive.org/web/20120225172044js_/http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAjUFdON2mUcnlJdIt32aeqBRZE1TQY638hgp6pQcoB7U-Ql8n_BS690WDeLfuzhfQZ_7zJuqj7lr0iA" type="text/javascript"></script> <script type="text/javascript"> var data; var tableView = []; /* EDIT FROM HERE */ // spreadsheet = 'http://web.archive.org/web/20120225172044/https://spreadsheets.google.com/pub?key=0Aq-FnOoJcl-ndEJhQWpBMnZoNVhPOVVJRTJZcHhkSWc&hl=en_GB&output=html'; // spreadsheet = 'http://web.archive.org/web/20120225172044/https://spreadsheets.google.com/pub?key=0Aq-FnOoJcl-ndFphV0doUVk4R2E5cmtSV1dTdEgwekE&hl=en_GB&single=true&gid=0&output=html'; spreadsheet = 'http://web.archive.org/web/20120225172044/https://spreadsheets2.google.com/a/guardian.co.uk/pub?hl=en_GB&hl=en_GB&key=0Aq-FnOoJcl-ndFphV0doUVk4R2E5cmtSV1dTdEgwekE&single=true&gid=0&output=html'; defaultPin = "http://web.archive.org/web/20120225172044/http://travel.guardian.co.uk/maps/pointyImage_for_travelMap.png"; centreLatitude = 22.593726; centreLongitude = 78.398438; zoomLevel = 2; /* STOP EDITING */ firstSortByColumn = 5; secondSortByColumn = 4; latitude = 0; longitude = 1; firstTableColumn = 2; //hotel name secondTableColumn = 3; //guardian link thirdTableColumn = 4; // continent uniqueValue = 5; balloon1Data1 = 6; balloon1Data2 = 7; balloon1Data3 = 8; balloon2Data1 = 9; balloon2Data2 = 10; balloon2Data3 = 11; balloon3Data1 = 12; balloon3Data2 = 13; balloon3Data3 = 14; cityLat = 15; cityLon = 16; cityZoom = 17; linkTextValue = 18; firstTabHtml = ''; firstTabFirstInfo = ''; firstTabSecondInfo = ''; firstTabThirdInfo = ''; secondTabHtml = ''; secondTabFirstInfo = ''; secondTabSecondInfo = ''; secondTabThirdInfo = ''; thirdTabHtml = ''; thirdTabFirstInfo = ''; thirdTabSecondInfo = ''; thirdTabThirdInfo = ''; columnsToCreateReadOnlyView = [firstTableColumn, secondTableColumn, thirdTableColumn, uniqueValue]; // columns and the group by column // Load the Google Visualization API and table and maps packages google.load('visualization', '1', {'packages':['map', 'table']}); // Set a callback to run when the Google Visualization API is loaded. google.setOnLoadCallback(drawChart); // Callback function drawChart() { var query = new google.visualization.Query(spreadsheet); query.send(handleQueryResponse); } // This runs when the query returns with some data from the spreadsheet function handleQueryResponse(response) { if (response.isError()) { alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage()); return; } data = response.getDataTable(); data.sort( [ { column : firstSortByColumn }, { column : secondSortByColumn } ] ); // sort the table by the column specified // CREATE A READ-ONLY VIEW OF THE UNDERLYING DATA tabGroups = data.getDistinctValues(uniqueValue); for ( var i = 0; i < tabGroups.length; ++i ) { var dataRows = data.getFilteredRows( [ { column : uniqueValue, value : tabGroups[i] } ] ); tableView.push(new google.visualization.DataView(data)); tableView[i].setColumns( columnsToCreateReadOnlyView ); tableView[i].setRows(dataRows); } // DO THE TABLE initializeMapAndTable(); initialiseTabs(); jQ('#loading').remove(); } function createTabs(tabValues) { if(tabValues.length > 0) { jQ('#table-div').append('<div id="selectcity">Select City: <select id="mapSelect" class="tabmes javascript-on"></select></div>'); for ( var i = 0; i < tabValues.length; ++i ) { if (tabValues[i].localeCompare("UNIQ") != 0) { jQ('#selectcity select').append('<option value="#table-div-'+i+'" id="'+i+'">'+tabValues[i]+'</option>'); } } jQ('#table-div ul li:eq(0) a').addClass('active-tab'); jQ('#table-div').append('<div class="pane-wrapper"></div>'); } } function initializeMapAndTable() { var citycoordinates = []; var map = new GMap2(document.getElementById("map-div")); map.setMapType(G_NORMAL_MAP); map.addControl(new GSmallMapControl); // ADD ZOOM CONTROLS TO MAP map.addControl(new GMapTypeControl); // ADD SATELLITE CONTROLS TO MAP map.setCenter(new GLatLng(centreLatitude, centreLongitude), zoomLevel); // SET CENTER POINT OF MAP // Create a custom icon for all of our markers that specifies the // shadow, icon dimensions, etc. var baseIcon = new GIcon(G_DEFAULT_ICON, "http://web.archive.org/web/20120225172044/http://travel.guardian.co.uk/maps/pointyImage_for_travelMap.png"); baseIcon.shadow = "http://web.archive.org/web/20120225172044/http://www.google.com/mapfiles/shadow50.png"; baseIcon.iconSize = new GSize(20, 34); baseIcon.shadowSize = new GSize(37, 34); baseIcon.iconAnchor = new GPoint(9, 34); baseIcon.infoWindowAnchor = new GPoint(9, 2); createTabs(tabGroups); // ADD TABLE FOR EACH CONTINENT for ( var i = 0; i < tabGroups.length; ++i ) { // build up table header tableHeaderMarkUp = '<tr><th>' + data.getColumnLabel(firstTableColumn) + '</th>'; /* if(data.getValue(1, secondTableColumn) != '') { tableHeaderMarkUp = tableHeaderMarkUp + '<th>' + data.getColumnLabel(secondTableColumn) + '</th>'; } if(data.getValue(1, thirdTableColumn) != '') { tableHeaderMarkUp = tableHeaderMarkUp + '<th>' + data.getColumnLabel(thirdTableColumn) + '</th>'; } */ tableHeaderMarkUp = tableHeaderMarkUp + '</tr>'; jQ('.pane-wrapper').append('<div id="table-div-'+i+'" class="tab-toggle-pane table-div-pane"><table id="continental-table-'+i+'"><thead>'+tableHeaderMarkUp+'</thead></table></div>'); // create table if(i > 0) { jQ('div#table-div-'+i).addClass('initially-off'); jQ('div#table-div-'+i).addClass('inactive'); } // build up tab headings firstTabHeader = data.getColumnLabel(balloon1Data1); secondTabHeader = data.getColumnLabel(balloon2Data1); thirdTabHeader = data.getColumnLabel(balloon3Data1); // LOOP THROUGH AND BUILD TABLE ROWS for (var j = 0; j < tableView[i].getNumberOfRows(); j++) { firstTabFirstInfo = firstTabSecondInfo = ""; var pointerToRow = tableView[i].getTableRowIndex(j); var tableLink = data.getValue(pointerToRow,secondTableColumn); var cityLink = data.getValue(pointerToRow,uniqueValue); var linkText = data.getValue(pointerToRow,linkTextValue); var balloonTabs = []; if (j == 0) { cityZoomValue = data.getValue(pointerToRow,cityZoom); cityLatValue = data.getValue(pointerToRow,cityLat); cityLonValue = data.getValue(pointerToRow,cityLon); citycoordinates["#table-div-" + i] = { 'latitude': cityLatValue, 'longitude': cityLonValue, 'zoom': cityZoomValue }; } /* start building first balloon */ if(data.getValue(pointerToRow, balloon1Data1).length > 0) { firstTabFirstInfo = '<p style="font-weight: bold; margin-bottom: 0px;"><a href="'+data.getValue(pointerToRow, balloon1Data1)+'">'+data.getValue(pointerToRow, firstTableColumn)+'</a></p>'; } else { firstTabFirstInfo = '<p style="font-weight: bold; margin-bottom: 0px;">'+data.getValue(pointerToRow, firstTableColumn)+'</a></p>'; } if(data.getValue(pointerToRow, balloon1Data2).length > 0) { firstTabSecondInfo = '<p style="float: left;margin: 0 10px 0 0;">'; } if(data.getValue(pointerToRow, balloon1Data3).length > 0) { firstTabSecondInfo += '<img src="'+data.getValue(pointerToRow, balloon1Data3)+'" alt="" height="100" />'; } if(data.getValue(pointerToRow, balloon1Data2).length > 0) { firstTabSecondInfo += '</p><p style="float: left;margin: 0 10px 0 0;">'+data.getValue(pointerToRow, balloon1Data2)+'</p>'; } if(data.getValue(pointerToRow, balloon2Data1).length > 0) { firstTabSecondInfo += '</p><ul style="margin: 10px 10px 0 0;float: left; list-style-position:outside; list-style-type: circle;"><li>• '+data.getValue(pointerToRow, balloon2Data1)+'</li></ul>'; } firstTabHtml = '<div class="scrollable">' + firstTabFirstInfo + firstTabSecondInfo + "</div>"; if(firstTabHtml != '') { balloonTabs.push(new GInfoWindowTab( firstTabHeader, firstTabHtml )); } var point = new GLatLng(data.getValue(pointerToRow, latitude), data.getValue(pointerToRow, longitude)); map.addOverlay( function () { var marker = new GMarker( point, { icon : baseIcon } ); /** set up table data rows **/ var rowId = 'p-'+i+j; tableMarkUp = '<tr id="'+rowId+'"><td>'+data.getValue(pointerToRow, firstTableColumn)+'</td>'; //show link at bottom tableMarkUp = tableMarkUp + '</tr>'; GEvent.addListener( marker, 'click', function(point, balloonTabs, rowId, i,cityLatValue,cityLonValue,cityZoomValue) { return function() { map.openInfoWindowHtml( point, balloonTabs, { maxWidth : 300 } ); /** jquery to highlight selected pin in the table **/ jQ('.selected').toggleClass('selected'); jQ('#'+rowId).toggleClass('selected'); jQ('.tab-toggle-pane').css('display', 'none'); var tableDiv = '#table-div-'+i; var activeTab = 'a[href='+tableDiv+']'; jQ(tableDiv).css('display', 'block'); jQ(".active-tab").toggleClass('active-tab'); jQ(activeTab).toggleClass('active-tab'); }; } (point, balloonTabs, rowId, i)); // WRITE OUT TABLE ROWS jQ(tableMarkUp).click(function(marker, balloonTabs) { return function() { //click on restaurant map.setCenter(new GLatLng(cityLatValue, cityLonValue), 15); // SET CENTER POINT OF MAP (hardcoding for now ) //ive clicked on a restaurant jQ('.selected').toggleClass('selected'); jQ(this).toggleClass('selected'); map.panTo(marker.getPoint()); marker.openInfoWindowHtml( balloonTabs, { maxWidth : 300 } ); }; } (marker, balloonTabs)).appendTo(jQ('#table-div table#continental-table-'+i)); return marker; }()); //end map overlay } //end of tableView loop rows tableview.length jQ('#table-div-'+i+'').append('<div><div class="citylink"><a href="' + tableLink + '">Read more about ' + linkText + '</a></div><img src="http://web.archive.org/web/20120225172044/http://image.guardian.co.uk/sys-images/Travel/Pix/site_furniture/2011/02/18/Top10CityHotels_300x220.gif"></div>'); // create table } //end of tabgroups.length var tabme = jQ('#mapSelect'); jQ(tabme).change(function(marker) { jQ('#table-div ul li a').removeClass('active-tab'); jQ(this).addClass('active-tab'); jQ('#table-div .tab-toggle-pane').hide(); activePane = jQ(this.value); jQ(activePane).show(); if(jQ(this).is('.inactive')) { jQ(pane).show(); jQ(activePane).hide(); return false; } else { var pane = this.value; map.setCenter(new GLatLng(citycoordinates[pane]["latitude"], citycoordinates[pane]["longitude"]), citycoordinates[pane]["zoom"]); // SET CENTER POINT OF MAP return false; } }); } </script> <div id="loading"><img src="http://web.archive.org/web/20120225172044im_/http://resource.guim.co.uk/global/static-serve/war-dead/preloader.gif" alt="" width="32" height="32"/><p>LOADING</p></div> <div id="table-div" style="width: 350px; float: left; margin-right: 20px;"></div> <div id="map-div" style="width: 570px; height: 570px; float: left;"></div> </div> <script> // send the query string to the iFrame (function() { var interactive = jQ('#interactive iframe'); if (interactive.length > 0) { var qs = window.location.search; interactive[0].src = interactive[0].src + qs; } })(); </script> </div> </div> <div id="wide-comment-wrapper"> <span class="trackable-component component-wrapper eight-col" data-component="comp: Advertiser links for article page : Google ads for content wide template"> <div id="advertiser-container"> <script type="text/javascript"> google_ad_client = 'ca-guardian_js'; google_ad_channel = 'travel'; </script> <script> google_max_num_ads = '3'; </script> <div id="google-ads-container" class="eight-col edge component advertiser-links" style="display: none;"></div> <script type="text/javascript"> //<![CDATA[ if (true) { writeScript("http://web.archive.org/web/20120225172044/http://pagead2.googlesyndication.com/pagead/show_ads.js", false, function(){}); } // ]]> </script> </div> </span> </div> <div id="promo"> <div id="Middle1" class=" hide-on-popup"> <div id="ad-placeholder-Middle1"></div> </div> </div> </div> <div class="trackable-component crumb-wrapper global" data-component="comp: r2: Crumb Navigation"> <ul class="crumb-nav"> <li id="crumb1"> <span> Hot topics </span> </li> </ul> <ul class="local-nav"> <li class="first"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/travel/restaurants">Restaurants</a> </li> <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/travel/hotels">Hotels</a> </li> <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/travel/short-breaks">Short breaks</a> </li> <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/travel/camping">Camping</a> </li> <li class=" last"> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/travel/skiing">Skiing</a> </li> </ul> </div> <div id="footer-container"> <div id="footer" class="travel footer b4"> <ul id="footer-links"> <li> <a href="http://web.archive.org/web/20120225172044/http://syndication.guardian.co.uk/" class="link-text">License/buy our content</a> </li> | <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/help/privacy-policy" class="link-text">Privacy policy</a> </li> | <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/help/terms-of-service" class="link-text">Terms of service</a> </li> | <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/advertising" class="link-text">US Advertising</a> </li> | <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/index/subjects/a" class="link-text">A - Z index</a> </li> | <li> <a href="http://web.archive.org/web/20120225172044/http://www.guardian.co.uk/info" class="link-text">About guardiannews.com</a> </li> </ul> <ul id="copyright-links"> <li>© 2012 Guardian News and Media Limited or its affiliated companies. All rights reserved.</li> </ul> </div> </div> <script type="text/javascript" src="http://web.archive.org/web/20120225172044js_/http://resource.guim.co.uk/global/survey/foresee/foresee-trigger.js"></script>  <link href="http://web.archive.org/web/20120225172044cs_/http://cdn.inskinmedia.com/isfe/4.1/css/base.css" type="text/css" rel="stylesheet"/>  <script type="text/javascript" src="http://web.archive.org/web/20120225172044js_/http://cdn.inskinmedia.com/isfe/4.1/js/base/api/pageskin-light.js"></script> <script type="text/javascript"> InSkinParams['myPageSkin'] = { 'srv_SectionID': '124152', 'srv_Keywords': 'Travel', 'srv_UseSAS': "true", 'sas_PauseAdTagURL': OAS_url + 'adstream_sx.ads/' + window.location.hostname + window.location.pathname.replace(/\/$/,'') + '/oas.html@Position4', 'sas_FrameDomain': document.domain, 'sas_FrameURL': 'http://'+window.location.hostname+'/global/inskin/InSkinSASFrame.html', 'plr_ContentType': 'PAGESKIN', 'plr_ContentID': 'myContent', 'plr_ContentW': 970, 'plr_FrameTop': 90, 'plr_FrameSide': 130, 'plr_FrameBottom': 90, 'plr_HideElementsByID': 'searchbeta', 'plr_HideElementsByClass': 'hide-on-popup', 'plr_NoSkinInSkinResize': true, 'plr_GetParamsFromMeta': ['srv_Keywords', 'keywords'] }; var objPageSkin = new InSkin.Base('myPageSkin'); objPageSkin.addEventListener('adServed', function(e){ jQ('#InSkinContainer_myPageSkin').css({'left': '50%', 'marginLeft': '-615px'}); jQ('body').css('paddingLeft', 0); }); jQ(document).ready(function(){ var boot = function() { jQ('#wrapper script').remove(); jQ('#wrapper').wrap('<div id="InSkinContainer_myPageSkin" class="InSkinContainer InSkinAlignCenter" style="width: 991px;"><div id="InSkinContentContainer_myPageSkin" class="InSkinContentContainer" style="width: 991px; margin: 0px;"><div id="InSkinPageContainer_myPageSkin" class="InSkinPageContainer"></div></div></div>'); objPageSkin.init(); }; jQ('<link rel="stylesheet" href="http://web.archive.org/web/20120225172044/http://cdn.inskinmedia.com/isfe/4.1/css/base.css" type="text/css" />') .load(function() { boot(); }).appendTo('head'); if (!jQ.browser.msie) { boot(); } }); </script>  </div> <script id="omnitureGeneratorScript" type="text/javascript"> //<![CDATA[ if(true) { var s_account="guardiangu-travel,guardiangu-network"; writeScript('http://web.archive.org/web/20120225172044/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/scripts/omniture-H.22.4.js', false, function(){}); } //]]> </script> <script type="text/javascript"> window.optimizely = window.optimizely || []; window.optimizely.push("sc_activate"); </script> <script id="omnitureScript" type="text/javascript"> //<![CDATA[ if(true) { if (false) { s.pageName = document.title; } else { s.pageName="The best city hotels in the world - interactive map:Interactive:1524267"; } s.channel = "Travel"; s.pageType=""; s.server='04'; s.prop2='GUID:(none)'; s['prop3']="GU.co.uk"; s['prop4']="Hotels,Travel"; s['prop5']=""; s['prop6']="Benji Lanyado,Martin Hearn"; s['prop7']="11-Feb-25"; s['prop8']="1524267"; s['prop9']="Interactive"; s['prop10']=""; s['prop11']="Travel"; s['prop13']="Top 10 city guides"; s['prop25']=""; s['prop30']="content"; s.prop47="US"; s.hier2="GU/Travel/Hotels"; s.events=""; s.eVar23=""; try { if (guardian.r2.OmnitureTrackingOverride) { new guardian.r2.OmnitureTrackingOverride(s); } } catch(err) { } if(jQ.cookie("GU_OMNITURE") !== null) { s.events = jQ.cookie("GU_OMNITURE"); jQ.cookie("GU_OMNITURE", null, { path: '/', domain: '.guardian.co.uk'}); } var s_code=s.t();if(s_code)document.write(s_code); } //]]> </script> <noscript id="omnitureNoScript"> <div><img alt="" src="http://web.archive.org/web/20120225172044im_/http://hits.guardian.co.uk/b/ss/guardiangu-travel,guardiangu-network/1/H.22.4/45636?ns=guardian&pageName=The+best+city+hotels+in+the+world+-+interactive+map%3AInteractive%3A1524267&ch=Travel&c3=GU.co.uk&c4=Hotels%2CTravel&c5=&c6=Benji+Lanyado%2CMartin+Hearn&c7=11-Feb-25&c8=1524267&c9=Interactive&c10=&c11=Travel&c13=Top+10+city+guides&c25=&c30=content&h2=GU%2FTravel%2FHotels&c2=GUID:(none)" width="1" height="1"/></div> </noscript> <script> var _qevents = _qevents || []; (function() { var elem = document.createElement('script'); elem.src = (document.location.protocol == "https:" ? "http://web.archive.org/web/20120225172044/https://secure" : "http://web.archive.org/web/20120225172044/http://edge") + ".quantserve.com/quant.js"; elem.async = true; elem.type = "text/javascript"; var scpt = document.getElementsByTagName('script')[0]; scpt.parentNode.insertBefore(elem, scpt); })(); _qevents.push( { qacct:'p-73ktnlRTKQPTw', labels: 'travel'} ); </script> <noscript><div style="display: none;"><img src="//web.archive.org/web/20120225172044im_/http://pixel.quantserve.com/pixel/p-73ktnlRTKQPTw.gif?labels=travel" height="1" width="1" alt="Quantcast"/></div></noscript> <script> var qcResults = function (result) { for (var i = 0, len = result.segments.length; i < len; i++) { OAS_query += 'qc=' + result.segments[i].id + '&'; } } </script> <script src="//web.archive.org/web/20120225172044js_/http://pixel.quantserve.com/api/segments.json?a=p-73ktnlRTKQPTw&callback=qcResults"></script> ; <script id="componentTrackingScript" type="text/javascript"> if (true) { jQ(document).ready(function () { jQ('a[data-cpt]').each( function () { jQ(this).click( function () { var cpId = jQ(this).attr('data-cpt').split("-")[1]; var currentLink = jQ(this).attr('href'); if (currentLink.indexOf('intcmp=') == -1) { if(currentLink.indexOf('?') == -1) { var separator = '?' } else { var separator = '&' } jQ(this).attr('href', currentLink + separator + "intcmp=" + cpId); } }); }); }); } </script> <script type="text/javascript"> //<![CDATA[ if (true) { // guardian.co.uk Connect Adprobe Tag, MPU [9814], Leaderboard [9815] var wlOrd = new Date().getTime(); document.write('<scr' + 'ipt type="text/javascript" src="http://web.archive.org/web/20120225172044/http://req.connect.wunderloop.net/AP/1566/5823/9815/js?cus=9815,9814&ord=' + wlOrd + '"></sc' + 'ript>'); } // ]]> </script> <script type="text/javascript"> //<![CDATA[ if (true) { OAS_query += 'wl9815=' + wl9815camp + '&wl9814=' + wl9814camp + '&'; } // ]]> </script> <script type="text/javascript"> //<![CDATA[ if(true) { ensurePackage("guardian.r2.revsci"); guardian.r2.revsci.cookieDomain = '.guardian.co.uk'; guardian.r2.revsci.gu_geo_country = 'usa'; guardian.r2.revsci.siteName = 'Travel'; guardian.r2.revsci.commercialFolder = 'Short+Breaks+Travel' addEvent(null, 'load', function () { writeScript('http://web.archive.org/web/20120225172044/http://js.revsci.net/gateway/gw.js?csid=E05516', true, function() { writeScript('http://web.archive.org/web/20120225172044/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/scripts/revsci.js', true, function() { rs_initTracking(); }) }) }); } // ]]> </script> <noscript> <div><img src="http://web.archive.org/web/20120225172044im_/http://pix01.revsci.net/E05516/a3/0/0/0/0/0/0/0/0/0/noscript.gif" alt=""/></div> </noscript> <script type="text/javascript"> //<![CDATA[ function OAS_NORMAL(pos) { document.write('<A HREF="' + OAS_url + 'click_nx.ads/' + OAS_sitepage + '/1' + OAS_rns + '@' + pos + '!' + pos + '?' + OAS_query + '" TARGET=' + OAS_target + '>'); document.write('<IMG SRC="' + OAS_url + 'adstream_nx.ads/' + OAS_sitepage + '/1' + OAS_rns + '@' + pos + '!' + pos + '?' + OAS_query + '" BORDER=0></A>'); } OAS_version = 11; if ((navigator.userAgent.indexOf('Mozilla/3') != -1) || (navigator.userAgent.indexOf('Mozilla/4.0 WebTV') != -1)) OAS_version = 10; if (true) { if (OAS_version >= 11) document.write('<scr' + 'ipt src="' + OAS_url + 'adstream_mjx.ads/' + OAS_sitepage + '/1' + OAS_rns + '@' + OAS_listpos + '?' + OAS_query + '"><\/script>'); } function OAS_AD(pos) { if (true) { if (typeof(OAS_RICH) !== 'undefined' && OAS_version >= 11) { OAS_RICH(pos); } else { OAS_NORMAL(pos); } } } //]]> </script>  <div id="ad-temp-Top"> <script> //<![CDATA[ jQ('#ad-placeholder-Top').writeCapture().replaceWith('<script>OAS_AD("Top")<' + '/script>'); //]]> </script> </div> <script> jQ('#ad-temp-Top').hide(); </script> <div id="ad-temp-Middle1"> <script> //<![CDATA[ jQ('#ad-placeholder-Middle1').writeCapture().replaceWith('<script>OAS_AD("Middle1")<' + '/script>'); //]]> </script> </div> <script> jQ('#ad-temp-Middle1').hide(); </script> <script type="text/javascript"> ensurePackage('guardian.r2.omniture'); guardian.r2.omniture.trackComponents = true; </script> <span id="Panel_Content" class="initially-off"></span> <script type="text/javascript"> // <![CDATA[ if(true) { var OAS_taxonomy='&Paneled_Site=guardian.co.uk&Paneled_Section=travel'; jQ(document).ready(function(){ jQ.getScript('http://web.archive.org/web/20120225172044/http://static.guim.co.uk/static/5e8a33fc00d9d9e6d2e5ca71dd905bae18283811/common/scripts/kantarmedia.js'); }); } // ]]> </script> <script> if(true) { jQ(function() { if ('undefined' !== typeof MatchingEngine) { MatchingEngine.logEvent('interactive', 'id=http://www.guardian.co.uk/travel/interactive/2011/feb/25/top-10-city-hotels-around-the-world-map'); } }); } </script> <script type="text/javascript"> if (true) { var _sf_async_config = {}; /** CONFIGURATION START **/ _sf_async_config.uid = 30676; _sf_async_config.domain = document.domain; _sf_async_config.sections = 'Travel'; _sf_async_config.authors = 'Benji Lanyado,Martin Hearn'; _sf_async_config.useCanonical = true; /** CONFIGURATION END **/ (function() { function loadChartbeat() { window._sf_endpt = (new Date()).getTime(); var e = document.createElement('script'); e.setAttribute('language', 'javascript'); e.setAttribute('type', 'text/javascript'); e.setAttribute('src', (('https:' == document.location.protocol) ? 'http://web.archive.org/web/20120225172044/https://a248.e.akamai.net/chartbeat.download.akamai.com/102508/' : 'http://web.archive.org/web/20120225172044/http://static.chartbeat.com/') + 'js/chartbeat.js'); document.body.appendChild(e); } var oldonload = window.onload; window.onload = (typeof window.onload != 'function') ? loadChartbeat : function() { oldonload(); loadChartbeat(); }; })(); } </script>   <span id="n-analytics-placeholder"></span> <script type="text/javascript"> if (true) { jQ(document).ready( function(){ var script = "<scr" + "ipt type='text/javascript' src='//web.archive.org/web/20120225172044/http://secure-uk.imrworldwide.com/v60.js'><" + "/script>"; script += "\n<sc" + "ript type='text/javascript'" + ">"; script += "\nvar pvar = { cid: 'uk-305078h', content: '0', server: 'secure-uk' };"; script += "\nvar feat = { landing_page: 0 };"; script += "\nvar trac = nol_t(pvar, feat);"; script += "\ntrac.record().post();"; script += "\n<" + "/script>"; jQ("#n-analytics-placeholder").writeCapture().replaceWith(script); } ); } </script> <noscript> <div> <img src="//web.archive.org/web/20120225172044im_/http://secure-uk.imrworldwide.com/cgi-bin/m?ci=uk-305078h&cg=0&cc=1&ts=noscript" width="1" height="1" alt=""/> </div> </noscript>  </body> </html>

CINXE.COM

The best city hotels in the world - interactive map | Travel | guardian.co.uk