Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo

<!DOCTYPE html>  <html lang="en" style="height:100%;" id="htmlEl"> <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("https://web.archive.org/web"); __wm.wombat("https://whc.unesco.org/en/list/135/","20220923102408","https://web.archive.org/","web","/_static/", "1663928648"); </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" />  <meta name="author" content="UNESCO World Heritage Centre"> <meta name="og:site_name" content="UNESCO World Heritage Centre"> <link rel="manifest" href="https://web.archive.org/web/20220923102408/https://whc.unesco.org/site.webmanifest?v=wAXNOnQoNn"> <link rel="shortcut icon" href="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/favicon.ico"> <meta name="msapplication-TileColor" content="#2d89ef"> <meta name="theme-color" content="#ffffff"> <link rel="alternate" type="application/rss+xml" title="RSS News" href="https://web.archive.org/web/20220923102408/https://whc.unesco.org/en/news/rss"/> <link rel="alternate" type="application/rss+xml" title="RSS Events" href="https://web.archive.org/web/20220923102408/https://whc.unesco.org/en/events/rss"/> <link rel="alternate" type="application/rss+xml" title="RSS Sites" href="https://web.archive.org/web/20220923102408/https://whc.unesco.org/en/list/rss"/> <link href="https://web.archive.org/web/20220923102408/https://www.google-analytics.com/" rel="preconnect" crossorigin> <link href="https://web.archive.org/web/20220923102408/https://stats.g.doubleclick.net/" rel="preconnect" crossorigin> <meta name="MobileOptimized" content="width"> <meta name="HandheldFriendly" content="true"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preconnect" href="https://web.archive.org/web/20220923102408/https://fonts.gstatic.com/"> <link rel="stylesheet" href="https://web.archive.org/web/20220923102408cs_/https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"/> <link rel="stylesheet" media="all" href="https://web.archive.org/web/20220923102408cs_/https://fonts.googleapis.com/css2?family=Material+Icons+Sharp"/> <link rel="stylesheet" href="/web/20220923102408cs_/https://whc.unesco.org/assets/stylesheets/unesco_style.css?20220701"/> <script type="text/javascript"> language="en"; </script> <meta property="fb:app_id" content="100681356685569"/> <link rel="search" type="application/opensearchdescription+xml" title="WHC" href="https://web.archive.org/web/20220923102408/https://whc.unesco.org/pg_opensearch.cfm"/> <meta name="description" content="UNESCO World Heritage Centre"/> <meta name="keywords" content="UNESCO, World Heritage,Heritage,Patrimoine,Patrimoine mondial,Convention,1972"/> <style>body{overflow:unset !important;}.x-box-div .x-body{background-color:unset !important}</style><link href="/web/20220923102408cs_/https://whc.unesco.org/javascript/ext-6.2.0-app-all/resources/UnescoApp-all.css?20220421" rel="stylesheet" type="text/css"/> <style> li.cultural, .cultural { list-style-image: url(/web/20220923102408im_/https://whc.unesco.org/graphics/1-0.gif); } li.natural, .natural { list-style-image: url(/web/20220923102408im_/https://whc.unesco.org/graphics/2-0.gif); } li.mixed, .mixed { list-style-image: url(/web/20220923102408im_/https://whc.unesco.org/graphics/3-0.gif); } li.cultural_danger, .cultural_danger { list-style-image: url(/web/20220923102408im_/https://whc.unesco.org/graphics/1-1.gif); } li.natural_danger, .natural_danger { list-style-image: url(/web/20220923102408im_/https://whc.unesco.org/graphics/2-1.gif); } li.mixed_danger, .mixed_danger { list-style-image: url(/web/20220923102408im_/https://whc.unesco.org/graphics/3-1.gif); } </style> <meta property="og:image" content="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/uploads/thumbs/site_0135_0001-1200-630-20151105151442.jpg"/> <meta name="twitter:image" content="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/uploads/thumbs/site_0135_0001-1200-630-20151105151442.jpg"/> <link rel="image_src" href="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/uploads/thumbs/site_0135_0001-1200-630-20151105151442.jpg"/> <meta property="og:description" content="Magnificent examples of 17th- and 18th-century military architecture, these Panamanian forts on the Caribbean coast form part of the defence system built by the Spanish Crown to protect transatlantic trade."/> <meta property="og:title" content="Fortifications on the Caribbean Side of Panama&#x3a; Portobelo-San Lorenzo"/> <meta property="og:url" content="https://web.archive.org/web/20220923102408/https://whc.unesco.org/en/list/135/"/> <meta name="twitter:url" content="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/en/list/135/"/> <link rel="canonical" href="https://web.archive.org/web/20220923102408/https://whc.unesco.org/en/list/135/"/> <link rel="alternate" hreflang="fr" href="https://web.archive.org/web/20220923102408/https://whc.unesco.org/fr/list/135/"/> <link rel="alternate" hreflang="en" href="https://web.archive.org/web/20220923102408/https://whc.unesco.org/en/list/135/"/> <meta name="title" content="Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo - UNESCO World Heritage Centre"/> <title>Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo - UNESCO World Heritage Centre</title> <script> /* set locale before JSAPI is loaded*/ dojoConfig = { locale: "en", parseOnLoad: true };</script> <link rel="stylesheet" href="https://web.archive.org/web/20220923102408cs_/https://js.arcgis.com/4.10/esri/themes/light/main.css"> <style> .esri-popup__main-container,.esri-popup__feature-menu-button ,.esri-popup__pointer-direction{ background-color:black} .esri-popup__action-text,.esri-popup__icon,.esri-popup__button{ color:white} .esri-popup__header-title a{ color:white} .esri-popup__header-title {font-size:14px !important; color:white !important} .esri-feature__fields esri-feature__content-element {padding:0 !important} .esri-popup__content { margin:0 !important} .esri-feature__content-element{padding:0 !important} .esri-ui {position:initial} #esrimap { width: 100%; height: 100%; flex: 1 1 auto; order: 1; background-color: #081c3d} #esriapp { position: relative; width: 100%; height: 500px; display: flex; flex-direction: column; overflow: hidden; } #infoWebGL{display:none;} #infoDiv{ position: absolute; top: 15px; left: 60px; z-index:1; display:none; } #infoDiv input { border: none; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px; } </style> </head> <body class="x-whc lang-en" id="bodyEl" style="height: 100%; "> <noscript>Your browser does not support JavaScript.</noscript> <header class="header px-0 bg-primary position-relative"> <nav class=" navbar closing container" role="navigation" aria-label="Main"> <div class="navbar_logo pl-3 pl-xxl-0"> <a href="/web/20220923102408/https://whc.unesco.org/"> <img src="/web/20220923102408im_/https://whc.unesco.org/assets/images/logo.svg" alt="UNESCO logo"> </a> <a href="/web/20220923102408/https://whc.unesco.org/" class="navbar_baseline"> World Heritage Convention </a> </div> <div class="navbar_burger bg-blue2 d-print-none"> <span></span> <span></span> <span></span> </div> <div class="navbar_wrapper d-print-none"> <ul class="navbar_top"> <li> <a href="/web/20220923102408/https://whc.unesco.org/en/donation" class="text-orangeLight font-weight-bold">Help preserve sites<span class="linearize-level-2-none"> now</span>!</a> </li> <li> <a href="https://web.archive.org/web/20220923102408/https://www.unesco.org/" class="button-galaxy">Explore UNESCO</a> </li> <li> <div class="dropdown"> <a class="dropdown-toggle text-white d-block" href="#" data-toggle="dropdown" id="dropdownMenuLang" aria-expanded="false">English</a> <div class="dropdown-menu dropdown-menu-responsive dropdown-menu-lg-right" aria-labelledby="dropdownMenuLang" style="max-width:200px;min-width: 120px;"> <ul class="language-switcher-language-url pl-1"> <li hreflang="en" class="en is-active"> <div class="language-link is-active small-lg text-xs-white text-lg-dark" hreflang="en">English</div> </li> <li hreflang="fr" class="fr"> <a href="/web/20220923102408/https://whc.unesco.org/fr/list/135/" class="language-link text-lg-dark small-lg" hreflang="fr">Français</a> </li> </ul> </div> </div> </li> <li> <a class="text-white" href="/web/20220923102408/https://whc.unesco.org/en/register/" id="menuLogin-link">Login</a> </li> </ul> <div class="navbar_nav"> <ul class="navbar_menu"> <li> <a href="/web/20220923102408/https://whc.unesco.org/en/about" class="navbar_menu-item is-expanded">Our expertise</a> <div class="navbar_submenu"> <div class="submenu_wrapper row">  <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a href="/web/20220923102408/https://whc.unesco.org/en/about/" class="nav-link text-white">About World Heritage</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/news/">News</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/events/">Events</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/convention/">The Convention</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/conventiontext/">Convention Text</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/guidelines/">Operational Guidelines</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/compendium/">Policy Compendium</a></div> </div> <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/governingbodies/">Governing Bodies</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/ga/">The General Assembly</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/committee/">The Committee</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/decisions/">Resolutions / Decisions</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/sessions/">Sessions since 1977</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/statesparties/">The States Parties</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/advisorybodies/">The Advisory Bodies</a></div> </div> <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/funding/">Funding</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/world-heritage-fund/">World Heritage Fund</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/fr/regulationsfinancieres/">Financial regulations</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/intassistance/">International Assistance</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/emblem/">The Emblem</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/faq/">Questions and answers</a></div> </div> <div class="col-12 col-md-6 col-lg-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/world-heritage-centre/">The Centre</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/employment/">Employment & Internships</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/whoswho/">Who's Who / Contacts</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/director/">Director of the World Heritage Centre</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/africa/">Africa</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/arabstates/">Arab States</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/asia-pacific/">Asia & Pacific</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/eur-na/">Europe & North America</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/lac/">Latin America and the Caribbean</a></div> </div> </div> </div> </li> <li> <a href="/web/20220923102408/https://whc.unesco.org/en/list/" class="navbar_menu-item is-expanded text-nowrap">The List</a> <div class="navbar_submenu"> <div class="submenu_wrapper row"> <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a href="/web/20220923102408/https://whc.unesco.org/en/globalstrategy/" class="nav-link text-white">Global Strategy</a></div> <div class="nav-item"><a href="/web/20220923102408/https://whc.unesco.org/en/criteria/" class="nav-link text-white">Criteria</a></div> <div class="nav-item"><a href="/web/20220923102408/https://whc.unesco.org/en/upstreamprocess/" class="nav-link text-white">Upstream Process</a></div> <div class="nav-item"><a href="/web/20220923102408/https://whc.unesco.org/en/tentativelists/" class="nav-link text-white">Tentative Lists</a></div> <div class="nav-item"><a href="/web/20220923102408/https://whc.unesco.org/en/nominations/" class="nav-link text-white">World Heritage List Nominations</a></div> </div> <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a href="/web/20220923102408/https://whc.unesco.org/en/list/" class="nav-link text-white">World Heritage List</a></div> <div class="nav-item"><a href="/web/20220923102408/https://whc.unesco.org/en/newproperties/" class="nav-link text-white">New Inscribed Properties</a></div> <div class="nav-item"><a href="/web/20220923102408/https://whc.unesco.org/en/interactive-map/" class="nav-link text-white">Interactive Map</a></div> <div class="nav-item font-weight-bold mt-3"><a href="/web/20220923102408/https://whc.unesco.org/en/158/" class="nav-link text-white">World Heritage in Danger</a></div> <div class="nav-item"><a href="/web/20220923102408/https://whc.unesco.org/en/danger/" class="nav-link text-white">The List in Danger</a></div> </div> <div class="col-12 col-md-6 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/118/">Reporting & Monitoring</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/soc/">State of Conservation</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/periodicreporting/">Periodic Reporting</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/prcycle3/">Questionnaires 2018-2024</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/pr-questionnaire/">Questionnaires 2008-2015</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/reactive-monitoring/">Reactive Monitoring</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/factors/">List of factors affecting the properties</a></div> </div> <div class="col-12 col-md-6 col-lg-3"> <div class="nav-item font-weight-bold"><a href="/web/20220923102408/https://whc.unesco.org/en/107/" class="nav-link text-white">Success Stories</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/canopy/">World Heritage Canopy: Heritage Solutions for Sustainable Futures</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/casestudies/">Examples of the Convention at work</a></div> </div> </div> </div> </li> <li> <a href="/web/20220923102408/https://whc.unesco.org/en/activities/" class="navbar_menu-item is-expanded">Activities</a> <div class="navbar_submenu"> <div class="submenu_wrapper row"> <div class="col-12 col-lg-3 mb-3"> <p class="text-white h5 mx-3"> The World Heritage Centre is at the forefront of the international community’s efforts to protect and preserve. </p> <a class="btn btn-blue2 mt-2 mx-3 mb-4" href="/web/20220923102408/https://whc.unesco.org/en/activities/">Browse all activities</a> </div> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/activities/">Featured Activities</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/culture2030indicators/">Indicators Culture|2030</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/cities/">World Heritage Cities Programme</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/hul/">Recommendation on the Historic Urban Landscape</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/culturallandscape/">Cultural Landscapes</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/capacity-building/">Capacity Building</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/category2centres/">Category 2 Centres</a></div> </div> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/natural-world-heritage/">Natural World Heritage</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/climatechange/">Climate Change and World Heritage</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/marine-programme/">World Heritage Marine Programme</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/cawhfi/">Central Africa World Heritage Forest Initiative (CAWHFI)</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/disaster-risk-reduction/">Reducing Disasters Risks at World Heritage Properties</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/activities/496/">World Heritage and Indigenous Peoples</a></div> </div> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/wheducation/">World Heritage Education Programme</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/whvolunteers/">World Heritage Volunteers Initiative</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/sustainabledevelopment/">World Heritage and Sustainable Development</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/tourism/">Sustainable Tourism Programme</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/sids/">World Heritage Programme for Small Island Developing States (SIDS)</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/religious-sacred-heritage/">Initiative on Heritage of Religious Interest</a></div> </div> </div> </div> </li> <li> <a href="/web/20220923102408/https://whc.unesco.org/en/partnerships" class="navbar_menu-item is-expanded">Partnerships</a> <div class="navbar_submenu"> <div class="submenu_wrapper row"> <div class="col-12 col-lg-3 "> <p class="h4 text-white mx-3"> World Heritage partnerships for conservation </p> <p class="text-white mx-3">Ensuring that World Heritage sites sustain their outstanding universal value is an increasingly challenging mission in today’s complex world, where sites are vulnerable to the effects of uncontrolled urban development, unsustainable tourism practices, neglect, natural calamities, pollution, political instability, and conflict.</p> <p class="mx-3"> <a class="btn btn-blue2 btn-sm mt-2" href="/web/20220923102408/https://whc.unesco.org/en/partners/">Our Partners</a> <a class="btn bg-orange btn-sm mt-2" href="/web/20220923102408/https://whc.unesco.org/en/donation/">Donate</a> </p> </div> <div class="col-12 col-lg-9 "> <ul class="submenu_card"> <li> <a href="/web/20220923102408/https://whc.unesco.org/en/partnerships/" class="card card-overlay"> <img src="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/document/128912/t=3by2sm" alt="partnerships" class="w-100"/> <span>Partnerships</span> </a> </li> <li> <a href="/web/20220923102408/https://whc.unesco.org/en/marketplace/" class="card card-overlay"> <img src="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/document/190295/t=3by2sm" alt="marketplace" class="w-100"/> <span>Marketplace</span> </a> </li> <li> <a href="/web/20220923102408/https://whc.unesco.org/en/partners/" class="card card-overlay"> <img src="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/document/128241/t=3by2sm" alt="" class="w-100"/> <span>Our Partners</span> </a> </li> <li> <a href="/web/20220923102408/https://whc.unesco.org/en/donation/" class="card card-overlay"> <img src="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/document/190344/t=3by2sm" alt="Donate" class="w-100"/> <span>Donate</span> </a> </li> </ul> </div> </div> </div> </li> <li> <a href="/web/20220923102408/https://whc.unesco.org/en/publications/" class="navbar_menu-item is-expanded">Publications</a> <div class="navbar_submenu"> <div class="submenu_wrapper row"> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/publications/">Publications</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/series/">Paper Series</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/urbannotebooks/">Urban Notebooks</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/176/">Brochures & Info kits</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/resourcemanuals/">Resource Manuals</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/othermaterials/">Other materials</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/newsletter/">Newsletter</a></div>  </div> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/review/">Review</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/map/">Wall Map</a></div> <div class="nav-item font-weight-bold mt-3"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/documents/">Documents</a></div> </div> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/resources/">Resources</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/search/">Search</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/glossary/">Glossary</a></div> </div> <div class="col-12 col-lg-3 mb-3"> <div class="nav-item font-weight-bold"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/disclaimer/">About this Website</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/disclaimer/">Terms / Policies</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/syndication/">Syndication</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/sitemap/">Site Map</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/typography/">Design System</a></div> <div class="nav-item"><a class="nav-link text-white" href="/web/20220923102408/https://whc.unesco.org/en/219/">Useful Websites</a></div> </div> </div> </div> </li> <li> <a data-toggle="collapse" href="#multiSearch" role="button" aria-expanded="false" aria-controls="multiSearch" class="py-lg-0 mb-lg-0 mb-3" aria-label="Search" title="Search"><span class="d-inline d-lg-none">Search</span> <span class="material-icons-sharp ml-2 ml-lg-0 big">search</span></a> </li> </ul> </div> </div> </nav> <nav class="navbar_sticky d-print-none"> <div class="navbar_sticky-wrapper container p-0"> <div class="navbar_logo py-2 pl-2 pl-sm-2"> <a href="/web/20220923102408/https://whc.unesco.org/"> <img src="/web/20220923102408im_/https://whc.unesco.org/assets/images/logo.svg" alt="UNESCO Logo"> </a> <a href="/web/20220923102408/https://whc.unesco.org/" class="navbar_baseline d-none d-lg-block "> World Heritage Convention </a> </div> <div class="navbar_sticky-content">  </div> </div> </nav> <div class="collapse multi-collapse bg-light fixed-top vh-100" id="multiSearch"> <form action="/web/20220923102408/https://whc.unesco.org/en/search/" method="get" name="search" id="searchForm" class="container p-2 py-lg-5 h-100"> <div class="text-right px-2 py-3 w-100"> <a data-toggle="collapse" href="#multiSearch" role="button" aria-expanded="false" aria-controls="multiSearch" class="round round-md bg-white text-gray4 material-icons-sharp">close</a> </div> <div class="d-flex align-items-center h-100"> <div class="form-row align-items-center justify-content-center p-2 py-lg-5 w-100"> <div class="col-12 col-lg-6"> <input type="text" name="criteria" id="searchbar" class="form-control form-control-lg rounded-lg mb-2 mb-lg-0" placeholder="Search" aria-label="Search"/> </div> <div class="col-12 col-lg-auto"> <button class="btn btn-lg btn-primary" type="submit" aria-label="search button">Search<span class="ml-1 material-icons-sharp ">search</span></button> </div> <div class="col-12 col-lg-auto "> <p class="pt-4 px-4">Take advantage of the search to browse through the World Heritage Centre information.</p> </div> </div> </div> </form> </div> </header> <main> <div id="content" class=""> <form name="sites_search" id="sites_search" method="get" action="/web/20220923102408/https://whc.unesco.org/en/list/"> <div class="bg-light"> <div class="container py-2"> <div class="row"> <div class="col-12 col-md-8 col-lg-8 "> <div class="form-row my-0"> <div class="col-8 col-lg-5"> <div class="input-group"> <input placeholder="Search the List" name="search" id="search" type="text" class="form-control"> <div class="input-group-append"> <button class="btn btn-secondary" type="submit" value="Search"> <span class="material-icons-sharp" data-toggle="tooltip" title="Search the List">search</span> </button> </div> </div> </div> <div class="col-4"> <div class="btn btn-outline-secondary collapsed" data-toggle="collapse" data-target="#collapseFilterW" aria-expanded="false" aria-controls="collapseFilterW"> <span class="material-icons-sharp" data-toggle="tooltip" title="Filter your search">tune</span> Filter </div> </div> </div> </div> </div> </div> </div> <div class="collapse" id="collapseFilterW"> <div class="py-4 border-bottom"> <div class="container "> <div class="row"> <div class="col-12 col-md-4 ym-gl"> <div class="ym-gbox-left"> <div class="card card-body bg-none border mb-3"> <div class="form-group"> <label>By Properties</label> <div id="boxselect_22D8B9A0-0C2D-5430-22AADD4D1E228664" class="x-box-div"></div> <input type="hidden" id="boxselectval_22D8B9A0-0C2D-5430-22AADD4D1E228664" name="id_sites" value=""/> </div> <div class="form-group"> <label>By States Parties</label> <div id="boxselect_22D8B9A4-F96B-5621-558C9A6B325AA1AC" class="x-box-div"></div> <input type="hidden" id="boxselectval_22D8B9A4-F96B-5621-558C9A6B325AA1AC" name="id_states" value=""/> </div> <div class="form-group"> <label>By Regions</label> <div id="boxselect_22D8B9A6-B917-F0CF-F174565C01F35EC8" class="x-box-div"></div> <input type="hidden" id="boxselectval_22D8B9A6-B917-F0CF-F174565C01F35EC8" name="id_search_region" value=""/> </div> </div> <div class="card card-body bg-none border mb-3"> <div class="radio form-group"> <input type="checkbox" name="danger" value="1"/> Danger Site<br/> <input type="checkbox" name="delisted" value="1"/> Delisted<br/> <input type="checkbox" name="transboundary" value="1"/> Transboundary Site<br/> <input type="checkbox" name="publish" title="Nomination file accessible to the public " value="1"/> Nomination file<br/> <input type="checkbox" name="historicaldescription" title="Historical Description" value="1"/> Historical Description </div> </div> <div class="card card-body bg-none border mb-3"> <div class="form-text mb-3">Protections by other conservation instruments</div> <div class="form-group"> <label>Programme/Convention</label> <div id="boxselect_22D8B9A9-F6ED-EA1D-A27A20F3B357B553" class="x-box-div"></div> <input type="hidden" id="boxselectval_22D8B9A9-F6ED-EA1D-A27A20F3B357B553" name="id_search_by_synergy_protection" value=""/> </div> <div class="form-group"> <label>Elements</label> <div id="boxselect_22D8B9AB-D3AD-F34A-9CBD1B50308D0CF9" class="x-box-div"></div> <input type="hidden" id="boxselectval_22D8B9AB-D3AD-F34A-9CBD1B50308D0CF9" name="id_search_by_synergy_element" value=""/> </div> </div> </div> </div> <div class="col-12 col-md-4 ym-gl"> <div class="card card-body bg-none border mb-3"> <div class="form-group"> <label>Year Inscribed</label> <input type="text" name="search_yearinscribed" id="search_yearinscribed" placeholder="Year Inscribed" value="" class="form-control" data-toggle="tooltip" title="Choose multiple years: 1978,1981,1998"> </div> <div class="form-group"> <input type="text" name="search_yearinscribed_start" id="search_yearinscribed_start" placeholder="Year Inscribed (from)" value="" class="form-control"> </div> <div class="form-group"> <input type="text" name="search_yearinscribed_end" id="search_yearinscribed_end" placeholder="Year Inscribed (to)" value="" class="form-control"> </div> </div> <div class="card card-body bg-none border mb-3"> <label>Themes</label> <div class="radio form-group"> <input type="radio" name="themes" id="themes" value="" checked="checked"/> All<br/> <input type="radio" name="themes" id="themes11" value="11"> Cities<br/> <input type="radio" name="themes" id="themes4" value="4"> Cultural Landscape<br/> <input type="radio" name="themes" id="themes6" value="6"> Forest<br/> <input type="radio" name="themes" id="themes7" value="7"> Marine & coastal<br/> <input type="radio" name="themes" id="themes1" value="1"> Earthen Architecture </div> </div> <div class="card card-body bg-none border mb-3"> <label>Criteria</label> <div class="form-group"><div class="radio "> <input type="radio" name="criteria_restrication" checked="checked" value=""/> with <input type="radio" name="criteria_restrication" value="1"/> only with </div> <div class="radio"> <label>Cultural Criteria:</label> <br/> <table style="width:140px"> <tr> <td> <input type="checkbox" name="c1"/> <br/> i </td> <td> <input type="checkbox" name="c2"/> <br/> ii </td> <td> <input type="checkbox" name="c3"/> <br/> iii </td> <td> <input type="checkbox" name="c4"/> <br/> iv </td> <td> <input type="checkbox" name="c5"/> <br/> v </td> <td> <input type="checkbox" name="c6"/> <br/> vi </td> </tr> </table> Natural Criteria: <br/> <table style="width:94px"> <tr> <td> <input type="checkbox" name="n7"/> <br/> vii </td> <td> <input type="checkbox" name="n8"/> <br/> viii </td> <td> <input type="checkbox" name="n9"/> <br/> ix </td> <td> <input type="checkbox" name="n10"/> <br/> x </td> <td></td> <td></td> </tr> </table> </div> </div> </div> <div class="card card-body bg-none border mb-3"> <label>Keywords</label> <div class="form-group"> <div id="boxselect_22D8B9AF-B42C-4DEB-834F0F08F33D6F37" class="x-box-div"></div> <input type="hidden" id="boxselectval_22D8B9AF-B42C-4DEB-834F0F08F33D6F37" name="id_keywords" value=""/> </div> </div> </div> <div class="col-12 col-md-4 ym-gr"> <div class="card card-body bg-none border mb-3"> <label>Category</label> <div class="radio form-group"> <input type="checkbox" name="type" id="type1" value="cultural"/> Cultural<br/> <input type="checkbox" name="type" id="type2" value="natural"/> Natural <br/> <input type="checkbox" name="type" id="type3" value="mixed"/> Mixed </div> </div> <div class="card card-body bg-none border mb-3"> <label>Media</label> <div class="radio form-group"> <input type="radio" name="media" id="media" value="" checked="checked"/> All<br/> <input type="radio" name="media" id="media1" value="1"/> With videos<br/> <input type="radio" name="media" id="media4" value="4"/> With photo gallery </div> </div> <div class="card card-body bg-none border mb-3"> <label>Display all by</label> <div class="radio form-group"> <input type="radio" name="order" id="order" value="country" checked="checked"/> Country<br/> <input type="radio" name="order" id="orderb" value="region"/> Region<br/> <input type="radio" name="order" id="orderc" value="year"/> Year<br/> <input type="radio" name="order" id="orderd" value="property"> Name of the property </div> </div> <div class="card card-body bg-none border mb-3"> <label>Display with the brief description</label> <div class="radio form-group"> <input type="radio" name="description" checked="checked" value=""/> Without<br/> <input type="radio" name="description" value="1"/> With </div> </div> </div> </div> <div class=""> <div class="buttons"> <button class="btn btn-primary" type="submit" value="Search"> Search </button> </div> </div> </div> </div> </div> </form> <div class="container"> <div class="pt-3"> <div class="d-flex justify-content-end justify-content-md-between align-items-center"> <div class="breadcrumb p-0 m-0 small d-none d-md-flex"> <a href="/web/20220923102408/https://whc.unesco.org/en/list/" class="breadcrumb-item">The List</a> <a href="/web/20220923102408/https://whc.unesco.org/en/list/135/" class="breadcrumb-item active" aria-current="page">Fortifications on the Caribbean Side of ...</a> </div> <div> <div class="ml-auto pl-4 text-nowrap"> <div class="dropdown d-inline-block d-print-none"> <a class="round bg-gray2 text-dark" type="button" id="shareMenuButton" data-toggle="dropdown" aria-expanded="false" onclick="if(typeof ga != 'undefined'){ga('send','event', 'whc-button-share', 'whc-button', 'whc-button-share-en-31');}"><span class="icon-share icon" data-toggle="tooltip" title="Share"></span></a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="shareMenuButton"> <a class="dropdown-item" href="/web/20220923102408/https://whc.unesco.org/pg_friendly_print.cfm?cid=31&id_site=135&" title="print" id="print_button" target="_blank" onclick="if(typeof ga != 'undefined'){ga('send','event','whc-button-print', 'whc-button', 'whc-button-print-en-31');}">Print</a> <div class="dropdown-divider"></div> <h6 class="dropdown-header">Share on social media</h6> <a class="dropdown-item" href="#" onclick="javascript:window.open('https://web.archive.org/web/20220923102408/https://www.facebook.com/sharer/sharer.php?t=World%20Heritage%20Centre&u=https%3A%2F%2Fwhc%2Eunesco%2Eorg','fb',' width=400,height=480,location=0,menubar=1,scrollbars=no,toolbar=1')">Facebook</a> <a class="dropdown-item" href="#" onclick="javascript:window.open('https://web.archive.org/web/20220923102408/https://twitter.com/intent/tweet?via=UNESCO&counturl=https://whc.unesco.org&text=World%20Heritage%20Centre&url=https%3A%2F%2Fwhc%2Eunesco%2Eorg','fb',' width=400,height=480,location=0,menubar=0,scrollbars=no,toolbar=no')">Twitter</a> <div class="dropdown-divider"></div> <h6 class="dropdown-header">UNESCO social media</h6> <a class="dropdown-item" href="https://web.archive.org/web/20220923102408/https://www.facebook.com/unesco">Facebook</a> <a class="dropdown-item" href="https://web.archive.org/web/20220923102408/https://www.youtube.com/unesco">Youtube</a> <a class="dropdown-item" href="https://web.archive.org/web/20220923102408/https://www.twitter.com/unesco">Twitter</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/web/20220923102408/https://whc.unesco.org/en/syndication" target="_blank">RSS World Heritage</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/web/20220923102408/https://whc.unesco.org/en/disclaimer/">Terms / Policies</a> <a class="dropdown-item" href="/web/20220923102408/https://whc.unesco.org/en/syndication/">Syndication</a> </div> </div> </div> </div> </div> </div> <h1 class="col-12 col-lg-8 col-xl-7 px-0 mb-4 display-3 mt-4 text-break">Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo</h1> <div class="tabs_inte tabs_centered"> <ul class="nav nav-tabs mb-4"> <li class="nav-item"><a class="nav-link active" href="/web/20220923102408/https://whc.unesco.org/en/list/135/">Description</a></li> <li class="nav-item"><a class="nav-link" href="/web/20220923102408/https://whc.unesco.org/en/list/135/multiple=1&unique_number=148">Maps</a></li> <li class="nav-item"><a class="nav-link" href="/web/20220923102408/https://whc.unesco.org/en/list/135/documents/">Documents</a></li> <li class="nav-item"><a class="nav-link" href="/web/20220923102408/https://whc.unesco.org/en/list/135/gallery/">Gallery</a></li> <li class="nav-item"><a class="nav-link" href="/web/20220923102408/https://whc.unesco.org/en/list/135/indicators/">Indicators</a></li> <li class="nav-item"><a class="nav-link" href="/web/20220923102408/https://whc.unesco.org/en/list/135/assistance/">Assistance</a></li> </ul> </div> <div class=""> <div class="row"> <div class="col-12 col-lg-8 mb-4 mb-lg-0"> <div class="ym-gbox-left readable"> <div class="box"> <div class="tab-content"> <div id="contentdes_en" class="tab-pane fade active show " role="tabpanel" aria-labelledby="tabdes_en"> <h6> Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo</h6> <p>Magnificent examples of 17th- and 18th-century military architecture, these Panamanian forts on the Caribbean coast form part of the defence system built by the Spanish Crown to protect transatlantic trade.</p> <p class="source small text-muted">Description is available under license <a href="/web/20220923102408/https://whc.unesco.org/en/licenses/6">CC-BY-SA IGO 3.0</a> </p> </div> <div id="contentdes_fr" class="tab-pane fade " role="tabpanel" aria-labelledby="tabdes_fr"> <h6> Fortifications de la côte caraïbe du Panama : Portobelo, San Lorenzo</h6> <p>Magnifiques exemples de l'architecture militaire des XVII<sup>e</sup> et XVIII<sup>e</sup> siècles, ces forts de la côte caraïbe du Panamá faisaient partie du système défensif mis en place par la Couronne d'Espagne pour protéger le grand commerce transatlantique.</p> <p class="source small text-muted">Description is available under license <a href="/web/20220923102408/https://whc.unesco.org/en/licenses/6">CC-BY-SA IGO 3.0</a> </p> </div> <div id="contentdes_ar" class="tab-pane fade" style="unicode-bidi:bidi-override;direction:rtl" role="tabpanel" aria-labelledby="tabdes_ar"> <h6>تحصينات الساحل الكاريبي في باناما: بورتوبيلو سان لورينزو</h6> <p dir="rtl">كانت تحصينات الساحل الكاريبي في باناما التي تشكل الامثلة الدقيقة عن الهندسة العسكرية في القرنَيْن السابع عشر والثامن عشر، جزءًا من النظام الدفاعي الذي وضعته العائلة المالكة الاسبانية لحماية التجارة المهمة وراء الاطلسي.</p> <p class="source small text-muted"> source: UNESCO/ERI <br>Description is available under license <a href="/web/20220923102408/https://whc.unesco.org/en/licenses/6">CC-BY-SA IGO 3.0</a> </p> </div> <div id="contentdes_zh" class="tab-pane fade" role="tabpanel" aria-labelledby="tabdes_zh"> <h6>巴拿马加勒比海岸的防御工事：波托韦洛－圣洛伦索</h6> <p>作为17世纪和18世纪军事建筑的优美典范，这些加勒比海岸的巴拿马城堡成为西班牙王室保护跨大西洋贸易的防御体系的一个部分。</p> <p class="source small text-muted"> source: UNESCO/ERI <br>Description is available under license <a href="/web/20220923102408/https://whc.unesco.org/en/licenses/6">CC-BY-SA IGO 3.0</a> </p> </div> <div id="contentdes_ru" class="tab-pane fade" role="tabpanel" aria-labelledby="tabdes_ru"> <h6>Укрепления на карибском побережье Панамы: Портобело и Сан-Лоренцо </h6> <p>Панамские форты, расположенные на карибском побережье страны представляют собой великолепные примеры военной архитектуры XVII-XVIII вв. Форты являются звеньями единой оборонительной системы, созданной испанцами для защиты трансатлантической торговли.</p> <p class="source small text-muted"> source: UNESCO/ERI <br>Description is available under license <a href="/web/20220923102408/https://whc.unesco.org/en/licenses/6">CC-BY-SA IGO 3.0</a> </p> </div> <div id="contentdes_es" class="tab-pane fade" role="tabpanel" aria-labelledby="tabdes_es"> <h6>Fortificaciones de la costa caribeña de Panamá: Portobelo y San Lorenzo</h6> <p>Estos fuertes panameños son magníficos prototipos de la arquitectura militar de los siglos XVII y XVIII y para brindar protección al comercio transatlántico. Espléndidos ejemplos de la arquitectura militar de los siglos XVII y XVIII, estos fuertes de la costa caribeña de Panamá formaban parte del sistema defensivo creado por la Corona de España para proteger el comercio transatlántico.  </p> <p class="source small text-muted"> source: UNESCO/ERI <br>Description is available under license <a href="/web/20220923102408/https://whc.unesco.org/en/licenses/6">CC-BY-SA IGO 3.0</a> </p> </div> <div id="contentdes_ja" class="tab-pane fade" role="tabpanel" aria-labelledby="tabdes_ja"> <h6>パナマのカリブ海沿岸の要塞群：ポルトベロとサン・ロレンソ</h6> <p class="source small text-muted">source: <a href="https://web.archive.org/web/20220923102408/http://www.unesco.jp/">NFUAJ</a> </p> </div> <div id="contentdes_nl" class="tab-pane fade" role="tabpanel" aria-labelledby="tabdes_nl"> <h6>Vestingwerken aan de Caribische kant van Panama: Portobelo - San Lorenzo</h6> <p>Dit gebied bestaat uit Panamese forten aan de Caribische kust. Het zijn prachtige voorbeelden van de 17e en 18e-eeuwse militaire architectuur. De forten, kastelen, barakken en artillerie-eenheden van Portobelo werden gebouw door de Spaans Kroon om de trans-Atlantische handel te beschermen. Ze vormden een verdedigingslinie rond de baai en beschermden de haven. De verdedigingswerken van San Lorenzo bewaakten de monding van Chagres. De vestingwerken kennen meerdere bouwperioden. De architectuur van de eerste bouwperiode (1596-1599) is kenmerkend voor de Spaanse militaire architectuur van Antonelli. De bouwstijl die daarna volgde, wordt gekenmerkt door een neoclassicistische stijl, afkomstig van Salas en Hernandez (1753-1760).</p> <p class="source small text-muted">Source: <a href="https://web.archive.org/web/20220923102408/http://unesco.nl/erfgoed/vestingwerken-aan-de-caribische-kant-van-panama-portobelo-san-lorenzo">unesco.nl</a> </p> </div> </div> </div> <ul class="nav nav-pills mb-4"> <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#contentdes_en" id="tabdes_en" aria-controls="contentdes_en">English</a></li> <li class="nav-item"><a class="nav-link " data-toggle="tab" href="#contentdes_fr" id="tabdes_fr" aria-controls="contentdes_fr">French</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#contentdes_ar" id="tabdes_ar" aria-controls="contentdes_ar">Arabic</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#contentdes_zh" id="tabdes_zh" aria-controls="contentdes_zh">Chinese</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#contentdes_ru" id="tabdes_ru" aria-controls="contentdes_ru">Russian</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#contentdes_es" id="tabdes_es" aria-controls="contentdes_es">Spanish</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#contentdes_ja" id="tabdes_ja" aria-controls="contentdes_ja">Japanese</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#contentdes_nl" id="tabdes_nl" aria-controls="contentdes_nl">Dutch</a></li> </ul> <div class="border-top mt-4 pt-4"> <div class=" w-100"> <a href="/web/20220923102408/https://whc.unesco.org/en/list/135/gallery/"><img src="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/uploads/thumbs/site_0135_0001-750-750-20151105151442.jpg" title="Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo" class="unveil w-100 border"/></a> <div class="text-muted small"> Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo (Panama) © UNESCO </div> </div> <div> <a href="/web/20220923102408/https://whc.unesco.org/en/list/135/gallery/"><img src="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/uploads/thumbs/site_0135_0001-40-40-20151105151442.jpg" width="40" height="40" title="Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo" class="border mt-1 mr-1 float-left unveil"></a> <a href="/web/20220923102408/https://whc.unesco.org/en/list/135/gallery/"><img src="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/uploads/thumbs/site_0135_0002-40-40-20151105151442.jpg" width="40" height="40" title="Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo" class="border mt-1 mr-1 float-left unveil"></a> <a href="/web/20220923102408/https://whc.unesco.org/en/list/135/gallery/"><img src="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/uploads/thumbs/site_0135_0003-40-40-20151105151443.jpg" width="40" height="40" title="Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo" class="border mt-1 mr-1 float-left unveil"></a> <a href="/web/20220923102408/https://whc.unesco.org/en/list/135/gallery/"><img src="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/uploads/thumbs/site_0135_0004-40-40-20151105151444.jpg" width="40" height="40" title="Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo" class="border mt-1 mr-1 float-left unveil"></a> <a href="/web/20220923102408/https://whc.unesco.org/en/list/135/gallery/"><img src="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/uploads/thumbs/site_0135_0005-40-40-20151105151444.jpg" width="40" height="40" title="Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo" class="border mt-1 mr-1 float-left unveil"></a> <a href="/web/20220923102408/https://whc.unesco.org/en/list/135/gallery/"><img src="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/uploads/thumbs/site_0135_0006-40-40-20151105151445.jpg" width="40" height="40" title="Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo" class="border mt-1 mr-1 float-left unveil"></a> <a href="/web/20220923102408/https://whc.unesco.org/en/list/135/gallery/"><img src="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/uploads/thumbs/site_0135_0009-40-40-20151105151445.jpg" width="40" height="40" title="Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo" class="border mt-1 mr-1 float-left unveil"></a> <a href="/web/20220923102408/https://whc.unesco.org/en/list/135/gallery/"><img src="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/uploads/thumbs/site_0135_0010-40-40-20151105151446.jpg" width="40" height="40" title="Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo" class="border mt-1 mr-1 float-left unveil"></a> <a href="/web/20220923102408/https://whc.unesco.org/en/list/135/gallery/"><img src="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/uploads/thumbs/site_0135_0011-40-40-20151105151447.jpg" width="40" height="40" title="Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo" class="border mt-1 mr-1 float-left unveil"></a> <a href="/web/20220923102408/https://whc.unesco.org/en/list/135/gallery/"><img src="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/uploads/thumbs/site_0135_0012-40-40-20151105151447.jpg" width="40" height="40" title="Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo" class="border mt-1 mr-1 float-left unveil"></a> </div> <div class="clearfix"></div> </div> <div class="border-top pt-4 mt-4"> <h5>Outstanding Universal Value</h5> <p><strong>Brief synthesis</strong><strong> </strong></p> <p>The Fortifications on the Caribbean side of Panamá: Portobelo and San Lorenzo are located along the coast of the Province of Colón. There are diverse fortification sites around the Bay of Portobelo, denominated San Fernando fortifications: Lower Battery, Upper Battery and Hilltop Stronghold; San Jerónimo Battery Fort; Santiago fortifications: Castle of Santiago de la Gloria, Battery and Hilltop Stronghold; the old Santiago Fortress; ruins of Fort Farnese; the La Trinchera site; the Buenaventura Battery; and the San Cristóbal site. Forty-three kilometers away, at the mouth the Chagres River stands the San Lorenzo Castle (originally “San Lorenzo el Real del Chagre”) with its Upper Battery as a separate structure. </p> <p>The component parts of the property represent characteristic examples of military architecture developed by the Spanish Empire in its New World territories largely between the 17th and the 18th centuries. The first plans for fortifying the entrance to the Bay of Portobelo and the mouth of the Chagres River were prepared in 1586 by Bautista Antonelli. Following his recommendations, the first fortifications in Portobelo were begun in the 1590’s. As a whole, these structures comprised a defensive line to protect Portobelo’s harbour and the mouth of the Chagres River, which were the Caribbean terminals of the transcontinental route across the Isthmus of Panama. The defensive system includes fortifications in different styles, some of them skilfully integrated into the natural landscape as part of its military defensive design. They were also adapted to the changing needs of defensive technologies in the course of three centuries in order to protect the capital resources sent from colonial America to Spain after crossing the Isthmus of Panama. In the earliest constructions, a military style with mediaeval features prevailed, while in the eighteenth century the structures were rebuilt in the neo-classical style, which can be observed at the forts of Santiago, San Jeronimo and San Fernando, and also at San Lorenzo. </p> <p>On the regional scale, these military compounds belonged to a larger defensive system, including Veracruz (Mexico), Cartagena (Colombia), and Havana (Cuba), to protect the route of commercial trade between the Americas and Spain. Portobelo, where the famous fairs were held, was one of the principal Caribbean ports and played a leading role controlling the imperial trade in the Americas. </p> <p>The site is a key element to the understanding of the adaptation of European building models and their impact on the New World transformation during the modern era. This property demonstrates the strategic organization of the territory and represents an important concept of defence and technology development mainly between the 17th and 18th centuries. </p> <p>The town of San Felipe de Portobelo was founded in March 20th, 1597, as a Caribbean Terminal of the trail through the Isthmus of Panama, to replace Nombre de Dios as a port of transit and trans-shipment. The need to ease the overland path along the Isthmus during the rainy season called for an alternative route. The Chagres River-Cruces path, a mixed fluvial and land trail, was the counterpart of Camino Real from Panama City to Portobelo, built as a response to this need. </p> <p><strong>Criterion (i)</strong>: The Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo are a masterpiece of human creative genius. Portobelo is a remarkable example of an open fortified town, destroyed and built several times. San Lorenzo underwent the same process of renovations along the colonial era. </p> <p><strong>Criterion (iv)</strong>: The Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo<strong>, </strong>a group of late 16th, 17th and 18th century fortifications, are among the most characteristic adaptations of Spanish military architecture to tropical climate and landscape features, and represent the structural and technological development of military structures in the Caribbean. <br/><br/><strong>Integrity</strong></p> <p>The key elements that convey the Outstanding Universal Value of the property are located within the original boundaries. These features still illustrate the evolution of military architecture developed by the Spanish colonial empire to protect the commerce route which connected South America with Spain across the Isthmus of Panama. The major components of the fortified system are still visible at Portobelo, where most colonial fortresses continue to be a resemblance of the original; the same applies to the bay, where the forts are emplaced. Likewise, at San Lorenzo the fort and the Chagres river mouth have been maintained. </p> <p>However, the integrity of the property has been compromised to different degrees by environmental factors, by uncontrolled urban sprawl and development and by the lack of maintenance and management. A number of measures, including conservation works, enforcement of regulations and the operation of a site management unit, will need to be implemented in a sustained manner to prevent the further erosion of the conditions of integrity, particularly at the component parts located in Portobelo.<strong> </strong></p> <p><strong>Authenticity</strong> </p> <p>In terms of form, design, material and setting the components of the property have remained mostly unchanged through time, expressing the essence of the fortified system and the evolution of European models of military architecture from the late 16th to the 18th century in the Americas. The military structures have largely retained the overall original form, although most architectural finishes, decorative elements and some wall sections have been lost as a result of decay. The vulnerability to decay factors will need to be addressed through sustained conservation actions, carried out in accordance with scientific conservation principles and standards.<strong> <br/><br/>Protection and management requirements</strong> </p> <p>The Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo are protected by general Panamanian legislation on heritage (Law 14/1982, updated by Law 58/2003) and by specific legal instruments for each site. Underwater historic vestiges are protected nationwide by Law 32/2003. </p> <p>Existing legislation underscores the protection of Portobelo (Law 91/1976 and Executive Decree 43/1999). Municipal Ordinance 32/2005 addresses long-standing land ownership issues in Portobelo’s historic core and surrounding National Park. On December 27, 2011, the National Heritage Directorate established new guidelines for architectural projects in monuments and historic sites in the erntire country, which also apply to the Fortifications on the Caribbean side of Panama (Resolution 172-11/DNPH). In the case of San Lorenzo, protection is granted by Law 61/1908, Law 68/1941, and the general heritage legislation mentioned above. However, due to its recent incorporation to the Panamanian administration after 83 years under United States government management, protection policies need to be strengthened. </p> <p>The Protection and Development Plan for the Interoceanic Region approved by Law 21/1997 also includes conservation norms for San Lorenzo. In April, 2005, the National Environment Authority (ANAM) published a Management Plan for Chagres National Park which includes conservation measures for San Lorenzo. </p> <p>Both fortified compounds are under the administration of the National Institute of Culture (Instituto Nacional de Cultura - INAC) through the National Heritage Directorate and since 2007 also by the Patronato Portobelo San Lorenzo, a mixed public-private organization currently responsible for management, conservation, and community outreach and fundraising. Its primary goals are protecting the architectural remains and making this heritage accessible to national and international communities. </p> <p>Among the requirements identified for the proper protection of the property is the creation of a Master Plan to guide all short- and long-term actions and strategies at both sites. Protection mechanisms at San Lorenzo need to be updated in the form of a specific site law (including detailed protective measurements and the enlargement of boundaries and a buffer zone creation); the San Lorenzo component has recently been segregated from Chagres National Park and is in the process of being transferred to INAC’s custody. At Portobelo, designation and effective protection and management of buffer zones for each fortified structure, is mandatory to guarantee its protection from the pressures of urban growth. </p> </div> <div class="border-top mt-4 pt-4"> <a name="links" id="links"></a> <h5> Links </h5> <ul class="pl-3"> <li> <a href="https://web.archive.org/web/20220923102408/http://www.ourplaceworldheritage.com/custom.cfm?action=WHsite&whsiteid=135"> <img src="/web/20220923102408im_/https://whc.unesco.org/graphics/button_ourplace.gif" class="icon" alt="ourplace"/> View photos from OUR PLACE the World Heritage collection</a> <br/> </li> <li> <a href="https://web.archive.org/web/20220923102408/http://www.sanlorenzo.org.pa/"> El Área protegida San Lorenzo (Centro de Estudios y Acción Social Panameño (CEASPA))(spanish only)</a> <br/> </li> </ul> </div> <div class="border-top mt-4 pt-4"> <div class="h5 mb-3">News <a href="/web/20220923102408/https://whc.unesco.org/en/news/?action=list&id_sites=135&mode=rss"><img src="/web/20220923102408im_/https://whc.unesco.org/graphics/icons/rss.png" alt="rss" title="RSS"/></a> <small>(1)</small></div> <a name="news"></a> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-4 row-cols-xl-4 mb-0 pl-3"> <div class="col mb-5" style="" id="list-892"> <div class="listContainer"> <div class="row"> <div class="listImg col-12"> <a href="/web/20220923102408/https://whc.unesco.org/en/news/892/"><img src="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/uploads/thumbs/news_892-384-216-20160810112607.jpg" class="w-100 mb-3 border"/></a> </div> <div class="listTitle col-12"> <a href="/web/20220923102408/https://whc.unesco.org/en/news/892/" class="text-black ">Panamanian fortifications inscribed on List of World Heritage in Danger</a> <div class="mt-2">   <span class="text-muted" title="Wednesday, 27 June 2012">27 June 2012</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="sidebar" class="col-12 col-lg-4 mb-4 mb-lg-0 "> <div class="ym-gbox-right"> <div class="card bg-none border"> <div class="card-body"> <div class="row row-cols-2"> <div class="col"> <div class="d-flex mb-3"> <div class="mr-2"> <img src="/web/20220923102408im_/https://whc.unesco.org/uploads/states/svg-min/pa.svg" class=" border" style="width:30px;"> </div> <div> <a href="/web/20220923102408/https://whc.unesco.org/en/statesparties/pa" class="d-block"><strong>Panama</strong></a> </div> </div> </div> </div> <div> <strong>Date of Inscription:</strong> 1980 </div> <div> <strong>Criteria: </strong><a href="/web/20220923102408/https://whc.unesco.org/en/criteria/">(i)(iv)</a> </div> <div> <strong>Dossier:</strong> 135<br/> </div> <div class="mt-3 small text-muted"> <div class=""> Province of Colon - Distric of Cristobal<br/> </div> <div class=""> N9 33 14 W79 39 21<br/> </div> </div> </div> </div> <div class="card bg-none border mt-4"> <div class="card-body"> <h5>List of World Heritage in Danger</h5> <p>Inscription Year on the <a href="/web/20220923102408/https://whc.unesco.org/en/danger/">List of World Heritage in Danger</a></p> <span class="tag tag-outline-gray mb-2 mr-1"> 2012 -Present </span> </div> </div> <div class="box gmap mt-4"> <div class="" id="esriapp"> <div id="esrimenu"></div> <div id="infoWebGL"> <div class="alert alert-warning d-block" style="display: none">Web Browser not supported for ESRI ArcGIS API version 4.10. WebGL must be enable, <a href="https://web.archive.org/web/20220923102408/https://developers.arcgis.com/javascript/latest/guide/system-requirements/index.html">see documentation</a></div> </div> <div id="infoDiv"> <input class="esri-component esri-widget--button esri-widget esri-interactive" type="button" id="switch-btn" value="3D"> </div> <div id="esrimap" style=""> </div> </div> </div> <div class="card bg-none border mt-4"> <div class="card-body"> <h5>State of Conservation (SOC)</h5> <p>by year</p> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/4022" class="tag tag-outline-gray mb-2">2021</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/3884" class="tag tag-outline-gray mb-2">2019</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/3775" class="tag tag-outline-gray mb-2">2018</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/3523" class="tag tag-outline-gray mb-2">2017</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/3332" class="tag tag-outline-gray mb-2">2016</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/3198" class="tag tag-outline-gray mb-2">2015</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/2924" class="tag tag-outline-gray mb-2">2014</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/1854" class="tag tag-outline-gray mb-2">2013</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/274" class="tag tag-outline-gray mb-2">2012</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/440" class="tag tag-outline-gray mb-2">2011</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/587" class="tag tag-outline-gray mb-2">2010</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/771" class="tag tag-outline-gray mb-2">2009</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/927" class="tag tag-outline-gray mb-2">2008</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/1056" class="tag tag-outline-gray mb-2">2007</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/1354" class="tag tag-outline-gray mb-2">2005</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/1512" class="tag tag-outline-gray mb-2">2004</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/2788" class="tag tag-outline-gray mb-2">2003</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/2566" class="tag tag-outline-gray mb-2">2001</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/2444" class="tag tag-outline-gray mb-2">2000</a> <a href="/web/20220923102408/https://whc.unesco.org/en/soc/1758" class="tag tag-outline-gray mb-2">1993</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <footer id="footer" class="bg-grey"> <div class="footer-wrapper"> <div class="row d-print-none"> <div class="col-lg-12"> <div class="footer-top"> <img width="" height="" src="https://web.archive.org/web/20220923102408im_/https://whc.unesco.org/document/189928" alt="logo" loading="lazy" style="width:150px;"> </div> </div> <div class="col-lg-12"> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-4 row-cols-xxl-4 small"> <div class="col"> <div class="border-top pt-3"> <p> <a class="nav-link text-dark font-weight-bold" href="/web/20220923102408/https://whc.unesco.org/en/sessions/">Committee sessions</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/documents/">Statutory Documents</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/decisions/">Committee decisions</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/sessions/">More sessions...</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/sessions/45COM/">45<sup>th</sup> session (postponed)</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/sessions/44COM/">44<sup>th</sup> session (2021)</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/sessions/15EXTCOM/">15<sup>th</sup> Extraordinary session (2021)</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/sessions/43COM/">43<sup>rd</sup> session (2019)</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/sessions/42COM/">42<sup>nd</sup> session (2018)</a> </p> </div> <div class="border-top pt-3"> <p> <a class="nav-link text-dark font-weight-bold" href="/web/20220923102408/https://whc.unesco.org/en/ga">General Assembly</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/sessions/23GA">23<sup>rd</sup> GA UNESCO Paris (2021)</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/sessions/22GA">22<sup>nd</sup> GA UNESCO Paris (2019)</a> </p> </div> <div class="border-top pt-3"> <p> <a class="nav-link text-dark font-weight-bold" href="/web/20220923102408/https://whc.unesco.org/en/about/">About World Heritage</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/convention/">The Convention</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/conventiontext/">Convention Text </a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/compendium/">Policy Compendium </a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/guidelines/">Operational Guidelines </a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/emblem/">The Emblem</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/statesparties/">The States Parties</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/advisorybodies/">The Advisory Bodies</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/world-heritage-centre/">The Centre</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/employment/">Employment & Internships</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/whoswho/">Who's Who</a> </p> </div> </div> <div class="col"> <div class="border-top pt-3"> <p> <a class="nav-link text-dark font-weight-bold" href="/web/20220923102408/https://whc.unesco.org/en/list/">The List</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/list/">World Heritage List</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/danger/">World Heritage in Danger</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/newproperties/">New Inscriptions </a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/criteria/">Criteria for Selection</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/tentativelists/">Tentative Lists</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/nominations/">World Heritage List Nominations</a> </p> </div> <div class="border-top pt-3"> <p> <a class="nav-link text-dark font-weight-bold" href="/web/20220923102408/https://whc.unesco.org/en/118/">Reporting & Monitoring</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/soc/">State of Conservation (SOC)</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/periodicreporting/">Periodic Reporting</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/prcycle3/">Questionnaires 2018-2024</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/pr-questionnaire/">Questionnaires 2008-2015</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/173/">Reactive Monitoring</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/africa/">Africa</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/arabstates/">Arab States</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/asia-pacific/">Asia & Pacific</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/lac/">Latin America and the Caribbean</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/eur-na/">Europe and North America</a> </p> </div> </div> <div class="col"> <div class="border-top pt-3"> <p> <a class="nav-link text-dark font-weight-bold" href="/web/20220923102408/https://whc.unesco.org/en/partnerships/">Partnerships</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/become-partner/">Become a Partner</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/rolepartenaires/">What Partners Do</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/partners/">Our Partners</a> </p> </div> <div class="border-top pt-3"> <p> <a class="nav-link text-dark font-weight-bold" href="/web/20220923102408/https://whc.unesco.org/en/activities/" class="nav-link text-dark">Activities</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/activities/" class="nav-link text-dark">All our activities</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/volunteer/" class="nav-link text-dark">Volunteer</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/281/" class="nav-link text-dark">Group Tools</a> </p> </div> <div class="border-top pt-3"> <p> <a class="nav-link text-dark font-weight-bold" href="/web/20220923102408/https://whc.unesco.org/en/publications/">Publications</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/review/">World Heritage Review</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/series/">Series</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/resourcemanuals/">Resource Manuals</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/map/">World Heritage wall map</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/publications/">More publications ...</a> </p> </div> </div> <div class="col"> <div class="border-top pt-3"> <p> <a class="nav-link text-dark font-weight-bold" href="/web/20220923102408/https://whc.unesco.org/en/funding/">Funding</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/world-heritage-fund/">World Heritage Fund</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/intassistance">International Assistance</a> </p> </div> <div class="border-top pt-3"> <p> <a class="nav-link text-dark font-weight-bold" href="#"><strong>More</strong></a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/contacts/">Contacts</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/sitemap/">Site Map</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/register">Become a member</a> <a class="nav-link text-orange font-weight-bold" href="/web/20220923102408/https://whc.unesco.org/en/donation/"><strong>Donate Now!</strong></a> </p> </div> <div class="border-top pt-3"> </div> </div> </div> </div> <div class="col-lg-12"> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-4 row-cols-xxl-4 small"> <div class="col-lg-3"> <div class="border-top pt-3"> <a class="nav-link text-dark" href="https://web.archive.org/web/20220923102408/https://fr.unesco.org/logopatronage">UNESCO Name & Logo</a> <a class="nav-link text-dark" href="https://web.archive.org/web/20220923102408/https://fr.unesco.org/feedback/contactez-nous">FAQ</a> <a class="nav-link text-dark" href="https://web.archive.org/web/20220923102408/https://en.unesco.org/scamalert" class="nav-link">Scam alert</a> <a class="nav-link text-dark" href="https://web.archive.org/web/20220923102408/https://fr.unesco.org/about-us/ios/report-fraud-corruption-abuse">Report fraud, abuse, misconduct</a> </div> </div> <div class="col-lg-3"> <div class="border-top pt-3"> <a class="nav-link text-dark" href="https://web.archive.org/web/20220923102408/https://fr.unesco.org/news/gestion-environnementale">Environmental and Social Policies</a> <a class="nav-link text-dark" href="https://web.archive.org/web/20220923102408/https://fr.unesco.org/about-us/procedure104">Protection of human rights (Procedure 104)</a> <a class="nav-link text-dark" href="https://web.archive.org/web/20220923102408/https://opendata.unesco.org/fr/">Transparency Portal</a> </div> </div> <div class="col-lg-3"> <div class="border-top pt-3"> <a class="nav-link text-dark" href="https://web.archive.org/web/20220923102408/https://fr.unesco.org/this-site/access-to-information-policy">Information Policy</a> <a class="nav-link text-dark" href="https://web.archive.org/web/20220923102408/https://fr.unesco.org/this-site/our-online-privacy-policy">Privacy Policy</a> </div> </div> <div class="col-lg-3"> <div class="border-top pt-3"> <a class="nav-link text-dark" href="https://web.archive.org/web/20220923102408/https://www.facebook.com/unesco" aria-label="facebook.com/unesco">Facebook</a> <a class="nav-link text-dark" href="https://web.archive.org/web/20220923102408/https://instagram.com/unesco/" aria-label="instagram.com/unesco/">Instagram</a> <a class="nav-link text-dark" href="https://web.archive.org/web/20220923102408/https://twitter.com/unesco/" aria-label="twitter.com/unesco_fr/">Twitter</a> <a class="nav-link text-dark" href="https://web.archive.org/web/20220923102408/https://www.youtube.com/user/unesco" aria-label="youtube.com/user/unesco">Youtube</a> <a class="nav-link text-dark" href="https://web.archive.org/web/20220923102408/https://www.linkedin.com/company/unesco" aria-label="linkedin.com">Linkedin</a> <a class="nav-link text-dark" href="/web/20220923102408/https://whc.unesco.org/en/syndication" aria-label="syndication">Syndication RSS</a> </div> </div> </div> </div> </div> <div class="small border-top pt-3 mt-3"> <nav aria-label="breadcrumb" class="d-none d-lg-block"> <ol class="breadcrumb px-0 mb-0"> <li class="breadcrumb-item"><a href="https://web.archive.org/web/20220923102408/http://www.unesco.org/">UNESCO</a></li> <li class="breadcrumb-item"><a href="https://web.archive.org/web/20220923102408/http://www.unesco.org/culture">Culture</a></li> <li class="breadcrumb-item"><a href="/web/20220923102408/https://whc.unesco.org/">World Heritage Centre</a></li> <li class="breadcrumb-item"><a href="/web/20220923102408/https://whc.unesco.org/en/list/">The List</a></li><li class="breadcrumb-item active"><a href="/web/20220923102408/https://whc.unesco.org/en/list/">World Heritage List</a></li> </ol> </nav> <p> <a href="/web/20220923102408/https://whc.unesco.org/en/disclaimer/" class="d-block">© UNESCO World Heritage Centre 1992-2022</a> </p> <div class="modal lightboxIframe" id="lightboxIframe" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog p-0 m-0 w-100 h-100 mw-100 rounded-0"> <div class="modal-content rounded-0 h-100 w-100 mw-100 border-0"> <iframe src="/web/20220923102408if_/https://whc.unesco.org/en/list/135/" frameborder="0" width="100%" height="100%" class="p-0 m-0"></iframe> </div> </div> </div> <div class="modal contactIframe" id="contactIframe" tabindex="-1" role="dialog" aria-labelledby="contactIframeModalLabel" aria-hidden="true"> <div class="modal-dialog p-0 m-0 w-100 h-100 mw-100 rounded-0"> <div class="modal-content rounded-0 h-100 w-100 mw-100 border-0"> <iframe src="/web/20220923102408if_/https://whc.unesco.org/en/list/135/" frameborder="0" width="100%" height="100%" class="p-0 m-0"></iframe> </div> </div> </div> </div> </footer> <div id="back-top"><a href="#top" aria-label="Back to top"><span class="back-top-text">top</span></a></div> <script src="//web.archive.org/web/20220923102408js_/https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="/web/20220923102408js_/https://whc.unesco.org/assets/scripts/vendor/slick.min.js"></script> <script src="https://web.archive.org/web/20220923102408js_/https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="" crossorigin="anonymous"></script> <script src="/web/20220923102408js_/https://whc.unesco.org/assets/scripts/app.js"></script> <script src="/web/20220923102408js_/https://whc.unesco.org/assets/scripts/unesco-whc.js?20220414" defer="defer"></script> <script src="/web/20220923102408js_/https://whc.unesco.org/javascript/sorttable2_bootstrap.js" defer="defer"></script> <div class="modal" id="alertLogin" tabindex="-1" aria-labelledby="alertLoginLabel" aria-hidden="false"> <div class="modal-dialog modal-dialog-centered "> <div class="modal-content bg-light"> <div class="modal-header border-bottom-0"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body "> <div class="px-3"> <form name="login_form" class="" method="post" action="https://web.archive.org/web/20220923102408/https://whc.unesco.org/pg.cfm?cid=31&l=en&id_site=135&" enctype="multipart/form-data"> <input placeholder="username" aria-label="username" type="text" class="form-control text" name="username" maxlength="40" width="18" value=""/> <input aria-label="Password" type="password" width="18" name="password" class="form-control text mt-1 " maxlength="40" size="16" value="" placeholder="Password"/> <div class="mt-1"> <input aria-label="Remember me" type="checkbox" name="rememberme" id="rememberMe" checked="true"/> <label for="rememberMe">remember my profile</label> </div> <div class="buttons mt-1"> <button class="btn bg-primary small_button plain_button button_padding" type="submit" name="SUBMITlog" value="Submit" title="Submit" style="color:white"> Login  </button> </div> <input type="hidden" name="l" value="en"/> <input type="hidden" name="cid_origin" value="31"/> <input type="hidden" name="query_string_origin" value="/en/list/135/"/> </form> <a href="/web/20220923102408/https://whc.unesco.org/en/31/msg=forgotlogin">Forgot your username or password?</a> <br/> <a href="/web/20220923102408/https://whc.unesco.org/en/register/">Become a member</a> </div> </div> </div> </div> </div> <script> $('#multiSearch').on('show.bs.collapse', function () { $('html').css('overflow','hidden'); }); $('#multiSearch').on('hidden.bs.collapse', function () { $('html').css('overflow',''); }); $(document).keyup(function(e) { if (e.key === "Escape") { /* escape key maps to keycode `27`*/ $('#multiSearch').collapse('hide'); } }); </script> <script>Ext = {scopeCss: true};</script> <script type="text/javascript" src="https://web.archive.org/web/20220923102408js_/https://whc.unesco.org/javascript/ext-6.2.0-app-all/app.js?20220421"></script> <script> Ext.onReady( function() { /* fix issue with window centered with extjs 6.2*/ Ext.define('Ext.overrides.window.Window', { override: 'Ext.window.Window', onShow: function () { this.callParent(arguments); this.center(); }, initComponent: function () { this.on('render', function () { this.center(); }); this.callParent(arguments); }, center: function () { var me = this, top = window.pageYOffset || document.documentElement.scrollTop, left = window.pageXOffset || document.documentElement.scrollLeft, size = Ext.Element.getViewSize(); var newX = left + (size.width - me.getWidth()) / 2; var newY = top + (size.height - me.getHeight()) / 2; me.setXY([newX, newY]); } }); }); </script> <script type="text/javascript" defer="defer"> Ext.onReady(function() { Ext.Loader.setConfig({ enabled : true, paths : { app:'/app' } }); /* Data*/ Ext.define('app.model.selector_22D8B9A0-0C2D-5430-22AADD4D1E228664', { extend: 'Ext.data.Model', fields: [ {type: 'string', name: 'id', mapping:'id'}, {type: 'string', name: 'name', mapping:'name'}, {type: 'string', name: 'val', mapping:'val'}, {type: 'string',name: 'category', mapping:'category'}, {type: 'string',name: 'tip', mapping:'tip'}, {type: 'string',name: 'description', mapping:'description'} ], sorters: {property: 'category'}, proxy: { type: 'ajax', actionMethods :{ create: 'POST', read: 'POST', update: 'POST', destroy: 'POST' }, url: '/include/lib_selector_json.cfm?list_name=sites', extraParams:{ list_selected:"", list_filter:"", l:"en" }, reader: { type: 'json', rootProperty: 'result', totalProperty: 'totalcount' } } }); /* Override to fix bug with pagination in EXT 5.1.0 https://www.sencha.com/forum/showthread.php?299443 */ Ext.define('WTCOMBO', { override: 'Ext.form.field.ComboBox', onBindStore: function(store, initial) { this.callParent(arguments); /* Deselect on container click is not required if paging toolbar exists*/ this.pickerSelectionModel.deselectOnContainerClick = false; }, /* if the fromComponent owner is picker then do not collapse boundlist. */ onFocusLeave: function(e) { var me = this; if (e.fromComponent.activeOwner && e.fromComponent.activeOwner.id == this.picker.id) { return; } me.collapse(); me.callParent([e]); } }); /* override to get label with HTML*/ if (!Ext.ClassManager.isCreated("Private.ui.TagFieldHtmlLabel")) { Ext.define("Private.ui.TagFieldHtmlLabel", { extend: 'Ext.form.field.Tag', alias: 'widget.tagfieldhtmllabel', /* TODO EXT UPGRADE. WHEN UPGRADING FROM 6.2.1 update this*/ getMultiSelectItemMarkup: function() { var me = this, childElCls = (me._getChildElCls && me._getChildElCls()) || ''; /* hook for rtl cls*/ if (!me.multiSelectItemTpl) { if (!me.labelTpl) { me.labelTpl = '{' + me.displayField + '}'; } me.labelTpl = me.lookupTpl('labelTpl'); if (me.tipTpl) { me.tipTpl = me.lookupTpl('tipTpl'); } me.multiSelectItemTpl = new Ext.XTemplate([ '<tpl for=".">', '<li data-selectionIndex="{[xindex - 1]}" data-recordId="{internalId}" role="presentation" class="' + me.tagItemCls + childElCls, '<tpl if="this.isSelected(values)">', ' ' + me.tagSelectedCls, '</tpl>', '{%', 'values = values.data;', '%}', me.tipTpl ? '" data-qtip="{[this.getTip(values)]}">' : '">', '<div role="presentation" class="' + me.tagItemTextCls + '">{[this.getItemLabel(values)]}</div>', '<div role="presentation" class="' + me.tagItemCloseCls + childElCls + '"></div>', '</li>', '</tpl>', { isSelected: function(rec) { return me.selectionModel.isSelected(rec); }, getItemLabel: function(values) { /* UPGRADE - removed htmlEncode here*/ return me.labelTpl.apply(values); }, getTip: function(values) { return Ext.String.htmlEncode(me.tipTpl.apply(values)); }, strict: true } ]); } if (!me.multiSelectItemTpl.isTemplate) { me.multiSelectItemTpl = this.lookupTpl('multiSelectItemTpl'); } return me.multiSelectItemTpl.apply(me.valueCollection.getRange()); } }); } /* Create the combobox */ var tag = Ext.create('Private.ui.TagFieldHtmlLabel', { store: Ext.create('Ext.data.Store',{ autoLoad :false, autoSync: false, pageSize: 400, remoteSort: false, remoteFilter: true, id:'store_22D8B9A0-0C2D-5430-22AADD4D1E228664', name:'', model: 'app.model.selector_22D8B9A0-0C2D-5430-22AADD4D1E228664', listeners : { 'load' : function(store, records, successful, operation, eOpts) { store.getProxy().setExtraParam( 'list_selected', '' ); store.getProxy().setExtraParam( 'list_filter', '' ); } } }), autoLoadOnValue:false, listeners: { beforerender:function(field, newValue, eOpts){ }, change: function(field, newValue, oldValue) { var hiddenInput = document.getElementById('boxselectval_22D8B9A0-0C2D-5430-22AADD4D1E228664'); hiddenInput.value = newValue; this.inputEl.dom.value=''; } ,select: function(combo,record,eOpts){ /*if(this.getPicker().isVisible()){this.getPicker().alignTo(combo);}*/ } }, /*value : [""],*/ emptyText: '', queryMode: 'remote', scrollable : true, forceSelection: false, queryDelay : 300, pageSize: true, displayField: 'name', valueField: 'val', delimiter : ',', minChars : 1, submitValue : false, width:'100%', cls:'', style:'', padding:'', contentPaddingProperty:'' , editable:true, selectOnFocus:true, /*triggerAction: 'all',*/ renderTo: 'boxselect_22D8B9A0-0C2D-5430-22AADD4D1E228664', id:'idboxselect_22D8B9A0-0C2D-5430-22AADD4D1E228664', anchor:'95%', tipTpl: new Ext.XTemplate('{tip}'), labelTpl: Ext.create('Ext.XTemplate','<tpl for=".">','{name}','</tpl>'), multiSelect: true, listConfig: { tpl: new Ext.XTemplate( '<ul class="x-list-plain">' + '{% var lastcategory="",Category=values["category"]%}' + '<tpl for=".">' + '{% Category=values["category"]%}' + /* Only show region headers when there are more than 10 choices*/ '{% if ( this.store.getCount() > 5 && Category !== lastcategory) { %}' + '{% lastcategory = values["category"]; %}' + '<li class="x-grid-group-hd x-grid-group-title">{category}</li>' + '{% } %}'+ '<li class="x-boundlist-item" data-qtip="{tip}">' + '{name}' + ' <span class="small text-muted">{description}</span>' + '</li>'+ '</tpl>'+ '</ul>' ), typeahead : false, minChars: 1 } }); tag.inputEl.dom.removeAttribute('name'); }); </script> <script type="text/javascript" defer="defer"> Ext.onReady(function() { Ext.Loader.setConfig({ enabled : true, paths : { app:'/app' } }); /* Data*/ Ext.define('app.model.selector_22D8B9A4-F96B-5621-558C9A6B325AA1AC', { extend: 'Ext.data.Model', fields: [ {type: 'string', name: 'id', mapping:'id'}, {type: 'string', name: 'name', mapping:'name'}, {type: 'string', name: 'val', mapping:'val'}, {type: 'string',name: 'category', mapping:'category'}, {type: 'string',name: 'tip', mapping:'tip'}, {type: 'string',name: 'description', mapping:'description'} ], sorters: {property: 'category'}, proxy: { type: 'ajax', actionMethods :{ create: 'POST', read: 'POST', update: 'POST', destroy: 'POST' }, url: '/include/lib_selector_json.cfm?list_name=statesISO', extraParams:{ list_selected:"", list_filter:"", l:"en" }, reader: { type: 'json', rootProperty: 'result', totalProperty: 'totalcount' } } }); /* Override to fix bug with pagination in EXT 5.1.0 https://www.sencha.com/forum/showthread.php?299443 */ Ext.define('WTCOMBO', { override: 'Ext.form.field.ComboBox', onBindStore: function(store, initial) { this.callParent(arguments); /* Deselect on container click is not required if paging toolbar exists*/ this.pickerSelectionModel.deselectOnContainerClick = false; }, /* if the fromComponent owner is picker then do not collapse boundlist. */ onFocusLeave: function(e) { var me = this; if (e.fromComponent.activeOwner && e.fromComponent.activeOwner.id == this.picker.id) { return; } me.collapse(); me.callParent([e]); } }); /* override to get label with HTML*/ if (!Ext.ClassManager.isCreated("Private.ui.TagFieldHtmlLabel")) { Ext.define("Private.ui.TagFieldHtmlLabel", { extend: 'Ext.form.field.Tag', alias: 'widget.tagfieldhtmllabel', /* TODO EXT UPGRADE. WHEN UPGRADING FROM 6.2.1 update this*/ getMultiSelectItemMarkup: function() { var me = this, childElCls = (me._getChildElCls && me._getChildElCls()) || ''; /* hook for rtl cls*/ if (!me.multiSelectItemTpl) { if (!me.labelTpl) { me.labelTpl = '{' + me.displayField + '}'; } me.labelTpl = me.lookupTpl('labelTpl'); if (me.tipTpl) { me.tipTpl = me.lookupTpl('tipTpl'); } me.multiSelectItemTpl = new Ext.XTemplate([ '<tpl for=".">', '<li data-selectionIndex="{[xindex - 1]}" data-recordId="{internalId}" role="presentation" class="' + me.tagItemCls + childElCls, '<tpl if="this.isSelected(values)">', ' ' + me.tagSelectedCls, '</tpl>', '{%', 'values = values.data;', '%}', me.tipTpl ? '" data-qtip="{[this.getTip(values)]}">' : '">', '<div role="presentation" class="' + me.tagItemTextCls + '">{[this.getItemLabel(values)]}</div>', '<div role="presentation" class="' + me.tagItemCloseCls + childElCls + '"></div>', '</li>', '</tpl>', { isSelected: function(rec) { return me.selectionModel.isSelected(rec); }, getItemLabel: function(values) { /* UPGRADE - removed htmlEncode here*/ return me.labelTpl.apply(values); }, getTip: function(values) { return Ext.String.htmlEncode(me.tipTpl.apply(values)); }, strict: true } ]); } if (!me.multiSelectItemTpl.isTemplate) { me.multiSelectItemTpl = this.lookupTpl('multiSelectItemTpl'); } return me.multiSelectItemTpl.apply(me.valueCollection.getRange()); } }); } /* Create the combobox */ var tag = Ext.create('Private.ui.TagFieldHtmlLabel', { store: Ext.create('Ext.data.Store',{ autoLoad :false, autoSync: false, pageSize: 400, remoteSort: false, remoteFilter: true, id:'store_22D8B9A4-F96B-5621-558C9A6B325AA1AC', name:'', model: 'app.model.selector_22D8B9A4-F96B-5621-558C9A6B325AA1AC', listeners : { 'load' : function(store, records, successful, operation, eOpts) { store.getProxy().setExtraParam( 'list_selected', '' ); store.getProxy().setExtraParam( 'list_filter', '' ); } } }), autoLoadOnValue:false, listeners: { beforerender:function(field, newValue, eOpts){ }, change: function(field, newValue, oldValue) { var hiddenInput = document.getElementById('boxselectval_22D8B9A4-F96B-5621-558C9A6B325AA1AC'); hiddenInput.value = newValue; this.inputEl.dom.value=''; } ,select: function(combo,record,eOpts){ /*if(this.getPicker().isVisible()){this.getPicker().alignTo(combo);}*/ } }, /*value : [""],*/ emptyText: '', queryMode: 'remote', scrollable : true, forceSelection: false, queryDelay : 300, pageSize: true, displayField: 'name', valueField: 'val', delimiter : ',', minChars : 1, submitValue : false, width:'100%', cls:'', style:'', padding:'', contentPaddingProperty:'' , editable:true, selectOnFocus:true, /*triggerAction: 'all',*/ renderTo: 'boxselect_22D8B9A4-F96B-5621-558C9A6B325AA1AC', id:'idboxselect_22D8B9A4-F96B-5621-558C9A6B325AA1AC', anchor:'95%', tipTpl: new Ext.XTemplate('{tip}'), labelTpl: Ext.create('Ext.XTemplate','<tpl for=".">','{name}','</tpl>'), multiSelect: true, listConfig: { tpl: new Ext.XTemplate( '<ul class="x-list-plain">' + '{% var lastcategory="",Category=values["category"]%}' + '<tpl for=".">' + '{% Category=values["category"]%}' + /* Only show region headers when there are more than 10 choices*/ '{% if ( this.store.getCount() > 5 && Category !== lastcategory) { %}' + '{% lastcategory = values["category"]; %}' + '<li class="x-grid-group-hd x-grid-group-title">{category}</li>' + '{% } %}'+ '<li class="x-boundlist-item" data-qtip="{tip}">' + '{name}' + ' <span class="small text-muted">{description}</span>' + '</li>'+ '</tpl>'+ '</ul>' ), typeahead : false, minChars: 1 } }); tag.inputEl.dom.removeAttribute('name'); }); </script> <script type="text/javascript" defer="defer"> Ext.onReady(function() { Ext.Loader.setConfig({ enabled : true, paths : { app:'/app' } }); /* Data*/ Ext.define('app.model.selector_22D8B9A6-B917-F0CF-F174565C01F35EC8', { extend: 'Ext.data.Model', fields: [ {type: 'string', name: 'id', mapping:'id'}, {type: 'string', name: 'name', mapping:'name'}, {type: 'string', name: 'val', mapping:'val'}, {type: 'string',name: 'category', mapping:'category'}, {type: 'string',name: 'tip', mapping:'tip'}, {type: 'string',name: 'description', mapping:'description'} ], sorters: {property: 'category'}, proxy: { type: 'ajax', actionMethods :{ create: 'POST', read: 'POST', update: 'POST', destroy: 'POST' }, url: '/include/lib_selector_json.cfm?list_name=regions', extraParams:{ list_selected:"", list_filter:"", l:"en" }, reader: { type: 'json', rootProperty: 'result', totalProperty: 'totalcount' } } }); /* Override to fix bug with pagination in EXT 5.1.0 https://www.sencha.com/forum/showthread.php?299443 */ Ext.define('WTCOMBO', { override: 'Ext.form.field.ComboBox', onBindStore: function(store, initial) { this.callParent(arguments); /* Deselect on container click is not required if paging toolbar exists*/ this.pickerSelectionModel.deselectOnContainerClick = false; }, /* if the fromComponent owner is picker then do not collapse boundlist. */ onFocusLeave: function(e) { var me = this; if (e.fromComponent.activeOwner && e.fromComponent.activeOwner.id == this.picker.id) { return; } me.collapse(); me.callParent([e]); } }); /* override to get label with HTML*/ if (!Ext.ClassManager.isCreated("Private.ui.TagFieldHtmlLabel")) { Ext.define("Private.ui.TagFieldHtmlLabel", { extend: 'Ext.form.field.Tag', alias: 'widget.tagfieldhtmllabel', /* TODO EXT UPGRADE. WHEN UPGRADING FROM 6.2.1 update this*/ getMultiSelectItemMarkup: function() { var me = this, childElCls = (me._getChildElCls && me._getChildElCls()) || ''; /* hook for rtl cls*/ if (!me.multiSelectItemTpl) { if (!me.labelTpl) { me.labelTpl = '{' + me.displayField + '}'; } me.labelTpl = me.lookupTpl('labelTpl'); if (me.tipTpl) { me.tipTpl = me.lookupTpl('tipTpl'); } me.multiSelectItemTpl = new Ext.XTemplate([ '<tpl for=".">', '<li data-selectionIndex="{[xindex - 1]}" data-recordId="{internalId}" role="presentation" class="' + me.tagItemCls + childElCls, '<tpl if="this.isSelected(values)">', ' ' + me.tagSelectedCls, '</tpl>', '{%', 'values = values.data;', '%}', me.tipTpl ? '" data-qtip="{[this.getTip(values)]}">' : '">', '<div role="presentation" class="' + me.tagItemTextCls + '">{[this.getItemLabel(values)]}</div>', '<div role="presentation" class="' + me.tagItemCloseCls + childElCls + '"></div>', '</li>', '</tpl>', { isSelected: function(rec) { return me.selectionModel.isSelected(rec); }, getItemLabel: function(values) { /* UPGRADE - removed htmlEncode here*/ return me.labelTpl.apply(values); }, getTip: function(values) { return Ext.String.htmlEncode(me.tipTpl.apply(values)); }, strict: true } ]); } if (!me.multiSelectItemTpl.isTemplate) { me.multiSelectItemTpl = this.lookupTpl('multiSelectItemTpl'); } return me.multiSelectItemTpl.apply(me.valueCollection.getRange()); } }); } /* Create the combobox */ var tag = Ext.create('Private.ui.TagFieldHtmlLabel', { store: Ext.create('Ext.data.Store',{ autoLoad :false, autoSync: false, pageSize: 400, remoteSort: false, remoteFilter: true, id:'store_22D8B9A6-B917-F0CF-F174565C01F35EC8', name:'', model: 'app.model.selector_22D8B9A6-B917-F0CF-F174565C01F35EC8', listeners : { 'load' : function(store, records, successful, operation, eOpts) { store.getProxy().setExtraParam( 'list_selected', '' ); store.getProxy().setExtraParam( 'list_filter', '' ); } } }), autoLoadOnValue:false, listeners: { beforerender:function(field, newValue, eOpts){ }, change: function(field, newValue, oldValue) { var hiddenInput = document.getElementById('boxselectval_22D8B9A6-B917-F0CF-F174565C01F35EC8'); hiddenInput.value = newValue; this.inputEl.dom.value=''; } ,select: function(combo,record,eOpts){ /*if(this.getPicker().isVisible()){this.getPicker().alignTo(combo);}*/ } }, /*value : [""],*/ emptyText: '', queryMode: 'remote', scrollable : true, forceSelection: false, queryDelay : 300, pageSize: true, displayField: 'name', valueField: 'val', delimiter : ',', minChars : 1, submitValue : false, width:'100%', cls:'', style:'', padding:'', contentPaddingProperty:'' , editable:true, selectOnFocus:true, /*triggerAction: 'all',*/ renderTo: 'boxselect_22D8B9A6-B917-F0CF-F174565C01F35EC8', id:'idboxselect_22D8B9A6-B917-F0CF-F174565C01F35EC8', anchor:'95%', tipTpl: new Ext.XTemplate('{tip}'), labelTpl: Ext.create('Ext.XTemplate','<tpl for=".">','{name}','</tpl>'), multiSelect: true, listConfig: { tpl: new Ext.XTemplate( '<ul class="x-list-plain">' + '{% var lastcategory="",Category=values["category"]%}' + '<tpl for=".">' + '{% Category=values["category"]%}' + /* Only show region headers when there are more than 10 choices*/ '{% if ( this.store.getCount() > 5 && Category !== lastcategory) { %}' + '{% lastcategory = values["category"]; %}' + '<li class="x-grid-group-hd x-grid-group-title">{category}</li>' + '{% } %}'+ '<li class="x-boundlist-item" data-qtip="{tip}">' + '{name}' + ' <span class="small text-muted">{description}</span>' + '</li>'+ '</tpl>'+ '</ul>' ), typeahead : false, minChars: 1 } }); tag.inputEl.dom.removeAttribute('name'); }); </script> <script type="text/javascript" defer="defer"> Ext.onReady(function() { Ext.Loader.setConfig({ enabled : true, paths : { app:'/app' } }); /* Data*/ Ext.define('app.model.selector_22D8B9A9-F6ED-EA1D-A27A20F3B357B553', { extend: 'Ext.data.Model', fields: [ {type: 'string', name: 'id', mapping:'id'}, {type: 'string', name: 'name', mapping:'name'}, {type: 'string', name: 'val', mapping:'val'}, {type: 'string',name: 'category', mapping:'category'}, {type: 'string',name: 'tip', mapping:'tip'}, {type: 'string',name: 'description', mapping:'description'} ], sorters: {property: 'category'}, proxy: { type: 'ajax', actionMethods :{ create: 'POST', read: 'POST', update: 'POST', destroy: 'POST' }, url: '/include/lib_selector_json.cfm?list_name=treaties', extraParams:{ list_selected:"", list_filter:"", l:"en" }, reader: { type: 'json', rootProperty: 'result', totalProperty: 'totalcount' } } }); /* Override to fix bug with pagination in EXT 5.1.0 https://www.sencha.com/forum/showthread.php?299443 */ Ext.define('WTCOMBO', { override: 'Ext.form.field.ComboBox', onBindStore: function(store, initial) { this.callParent(arguments); /* Deselect on container click is not required if paging toolbar exists*/ this.pickerSelectionModel.deselectOnContainerClick = false; }, /* if the fromComponent owner is picker then do not collapse boundlist. */ onFocusLeave: function(e) { var me = this; if (e.fromComponent.activeOwner && e.fromComponent.activeOwner.id == this.picker.id) { return; } me.collapse(); me.callParent([e]); } }); /* override to get label with HTML*/ if (!Ext.ClassManager.isCreated("Private.ui.TagFieldHtmlLabel")) { Ext.define("Private.ui.TagFieldHtmlLabel", { extend: 'Ext.form.field.Tag', alias: 'widget.tagfieldhtmllabel', /* TODO EXT UPGRADE. WHEN UPGRADING FROM 6.2.1 update this*/ getMultiSelectItemMarkup: function() { var me = this, childElCls = (me._getChildElCls && me._getChildElCls()) || ''; /* hook for rtl cls*/ if (!me.multiSelectItemTpl) { if (!me.labelTpl) { me.labelTpl = '{' + me.displayField + '}'; } me.labelTpl = me.lookupTpl('labelTpl'); if (me.tipTpl) { me.tipTpl = me.lookupTpl('tipTpl'); } me.multiSelectItemTpl = new Ext.XTemplate([ '<tpl for=".">', '<li data-selectionIndex="{[xindex - 1]}" data-recordId="{internalId}" role="presentation" class="' + me.tagItemCls + childElCls, '<tpl if="this.isSelected(values)">', ' ' + me.tagSelectedCls, '</tpl>', '{%', 'values = values.data;', '%}', me.tipTpl ? '" data-qtip="{[this.getTip(values)]}">' : '">', '<div role="presentation" class="' + me.tagItemTextCls + '">{[this.getItemLabel(values)]}</div>', '<div role="presentation" class="' + me.tagItemCloseCls + childElCls + '"></div>', '</li>', '</tpl>', { isSelected: function(rec) { return me.selectionModel.isSelected(rec); }, getItemLabel: function(values) { /* UPGRADE - removed htmlEncode here*/ return me.labelTpl.apply(values); }, getTip: function(values) { return Ext.String.htmlEncode(me.tipTpl.apply(values)); }, strict: true } ]); } if (!me.multiSelectItemTpl.isTemplate) { me.multiSelectItemTpl = this.lookupTpl('multiSelectItemTpl'); } return me.multiSelectItemTpl.apply(me.valueCollection.getRange()); } }); } /* Create the combobox */ var tag = Ext.create('Private.ui.TagFieldHtmlLabel', { store: Ext.create('Ext.data.Store',{ autoLoad :false, autoSync: false, pageSize: 400, remoteSort: false, remoteFilter: true, id:'store_22D8B9A9-F6ED-EA1D-A27A20F3B357B553', name:'', model: 'app.model.selector_22D8B9A9-F6ED-EA1D-A27A20F3B357B553', listeners : { 'load' : function(store, records, successful, operation, eOpts) { store.getProxy().setExtraParam( 'list_selected', '' ); store.getProxy().setExtraParam( 'list_filter', '' ); } } }), autoLoadOnValue:false, listeners: { beforerender:function(field, newValue, eOpts){ }, change: function(field, newValue, oldValue) { var hiddenInput = document.getElementById('boxselectval_22D8B9A9-F6ED-EA1D-A27A20F3B357B553'); hiddenInput.value = newValue; this.inputEl.dom.value=''; } ,select: function(combo,record,eOpts){ /*if(this.getPicker().isVisible()){this.getPicker().alignTo(combo);}*/ } }, /*value : [""],*/ emptyText: '', queryMode: 'remote', scrollable : true, forceSelection: false, queryDelay : 300, pageSize: true, displayField: 'name', valueField: 'val', delimiter : ',', minChars : 1, submitValue : false, width:'100%', cls:'', style:'', padding:'', contentPaddingProperty:'' , editable:true, selectOnFocus:true, /*triggerAction: 'all',*/ renderTo: 'boxselect_22D8B9A9-F6ED-EA1D-A27A20F3B357B553', id:'idboxselect_22D8B9A9-F6ED-EA1D-A27A20F3B357B553', anchor:'95%', tipTpl: new Ext.XTemplate('{tip}'), labelTpl: Ext.create('Ext.XTemplate','<tpl for=".">','{name}','</tpl>'), multiSelect: true, listConfig: { tpl: new Ext.XTemplate( '<ul class="x-list-plain">' + '{% var lastcategory="",Category=values["category"]%}' + '<tpl for=".">' + '{% Category=values["category"]%}' + /* Only show region headers when there are more than 10 choices*/ '{% if ( this.store.getCount() > 5 && Category !== lastcategory) { %}' + '{% lastcategory = values["category"]; %}' + '<li class="x-grid-group-hd x-grid-group-title">{category}</li>' + '{% } %}'+ '<li class="x-boundlist-item" data-qtip="{tip}">' + '{name}' + ' <span class="small text-muted">{description}</span>' + '</li>'+ '</tpl>'+ '</ul>' ), typeahead : false, minChars: 1 } }); tag.inputEl.dom.removeAttribute('name'); }); </script> <script type="text/javascript" defer="defer"> Ext.onReady(function() { Ext.Loader.setConfig({ enabled : true, paths : { app:'/app' } }); /* Data*/ Ext.define('app.model.selector_22D8B9AB-D3AD-F34A-9CBD1B50308D0CF9', { extend: 'Ext.data.Model', fields: [ {type: 'string', name: 'id', mapping:'id'}, {type: 'string', name: 'name', mapping:'name'}, {type: 'string', name: 'val', mapping:'val'}, {type: 'string',name: 'category', mapping:'category'}, {type: 'string',name: 'tip', mapping:'tip'}, {type: 'string',name: 'description', mapping:'description'} ], sorters: {property: 'category'}, proxy: { type: 'ajax', actionMethods :{ create: 'POST', read: 'POST', update: 'POST', destroy: 'POST' }, url: '/include/lib_selector_json.cfm?list_name=treatiesPoi', extraParams:{ list_selected:"", list_filter:"", l:"en" }, reader: { type: 'json', rootProperty: 'result', totalProperty: 'totalcount' } } }); /* Override to fix bug with pagination in EXT 5.1.0 https://www.sencha.com/forum/showthread.php?299443 */ Ext.define('WTCOMBO', { override: 'Ext.form.field.ComboBox', onBindStore: function(store, initial) { this.callParent(arguments); /* Deselect on container click is not required if paging toolbar exists*/ this.pickerSelectionModel.deselectOnContainerClick = false; }, /* if the fromComponent owner is picker then do not collapse boundlist. */ onFocusLeave: function(e) { var me = this; if (e.fromComponent.activeOwner && e.fromComponent.activeOwner.id == this.picker.id) { return; } me.collapse(); me.callParent([e]); } }); /* override to get label with HTML*/ if (!Ext.ClassManager.isCreated("Private.ui.TagFieldHtmlLabel")) { Ext.define("Private.ui.TagFieldHtmlLabel", { extend: 'Ext.form.field.Tag', alias: 'widget.tagfieldhtmllabel', /* TODO EXT UPGRADE. WHEN UPGRADING FROM 6.2.1 update this*/ getMultiSelectItemMarkup: function() { var me = this, childElCls = (me._getChildElCls && me._getChildElCls()) || ''; /* hook for rtl cls*/ if (!me.multiSelectItemTpl) { if (!me.labelTpl) { me.labelTpl = '{' + me.displayField + '}'; } me.labelTpl = me.lookupTpl('labelTpl'); if (me.tipTpl) { me.tipTpl = me.lookupTpl('tipTpl'); } me.multiSelectItemTpl = new Ext.XTemplate([ '<tpl for=".">', '<li data-selectionIndex="{[xindex - 1]}" data-recordId="{internalId}" role="presentation" class="' + me.tagItemCls + childElCls, '<tpl if="this.isSelected(values)">', ' ' + me.tagSelectedCls, '</tpl>', '{%', 'values = values.data;', '%}', me.tipTpl ? '" data-qtip="{[this.getTip(values)]}">' : '">', '<div role="presentation" class="' + me.tagItemTextCls + '">{[this.getItemLabel(values)]}</div>', '<div role="presentation" class="' + me.tagItemCloseCls + childElCls + '"></div>', '</li>', '</tpl>', { isSelected: function(rec) { return me.selectionModel.isSelected(rec); }, getItemLabel: function(values) { /* UPGRADE - removed htmlEncode here*/ return me.labelTpl.apply(values); }, getTip: function(values) { return Ext.String.htmlEncode(me.tipTpl.apply(values)); }, strict: true } ]); } if (!me.multiSelectItemTpl.isTemplate) { me.multiSelectItemTpl = this.lookupTpl('multiSelectItemTpl'); } return me.multiSelectItemTpl.apply(me.valueCollection.getRange()); } }); } /* Create the combobox */ var tag = Ext.create('Private.ui.TagFieldHtmlLabel', { store: Ext.create('Ext.data.Store',{ autoLoad :false, autoSync: false, pageSize: 400, remoteSort: false, remoteFilter: true, id:'store_22D8B9AB-D3AD-F34A-9CBD1B50308D0CF9', name:'', model: 'app.model.selector_22D8B9AB-D3AD-F34A-9CBD1B50308D0CF9', listeners : { 'load' : function(store, records, successful, operation, eOpts) { store.getProxy().setExtraParam( 'list_selected', '' ); store.getProxy().setExtraParam( 'list_filter', '' ); } } }), autoLoadOnValue:false, listeners: { beforerender:function(field, newValue, eOpts){ }, change: function(field, newValue, oldValue) { var hiddenInput = document.getElementById('boxselectval_22D8B9AB-D3AD-F34A-9CBD1B50308D0CF9'); hiddenInput.value = newValue; this.inputEl.dom.value=''; } ,select: function(combo,record,eOpts){ /*if(this.getPicker().isVisible()){this.getPicker().alignTo(combo);}*/ } }, /*value : [""],*/ emptyText: '', queryMode: 'remote', scrollable : true, forceSelection: false, queryDelay : 300, pageSize: true, displayField: 'name', valueField: 'val', delimiter : ',', minChars : 1, submitValue : false, width:'100%', cls:'', style:'', padding:'', contentPaddingProperty:'' , editable:true, selectOnFocus:true, /*triggerAction: 'all',*/ renderTo: 'boxselect_22D8B9AB-D3AD-F34A-9CBD1B50308D0CF9', id:'idboxselect_22D8B9AB-D3AD-F34A-9CBD1B50308D0CF9', anchor:'95%', tipTpl: new Ext.XTemplate('{tip}'), labelTpl: Ext.create('Ext.XTemplate','<tpl for=".">','{name}','</tpl>'), multiSelect: true, listConfig: { tpl: new Ext.XTemplate( '<ul class="x-list-plain">' + '{% var lastcategory="",Category=values["category"]%}' + '<tpl for=".">' + '{% Category=values["category"]%}' + /* Only show region headers when there are more than 10 choices*/ '{% if ( this.store.getCount() > 5 && Category !== lastcategory) { %}' + '{% lastcategory = values["category"]; %}' + '<li class="x-grid-group-hd x-grid-group-title">{category}</li>' + '{% } %}'+ '<li class="x-boundlist-item" data-qtip="{tip}">' + '{name}' + ' <span class="small text-muted">{description}</span>' + '</li>'+ '</tpl>'+ '</ul>' ), typeahead : false, minChars: 1 } }); tag.inputEl.dom.removeAttribute('name'); }); </script> <script type="text/javascript" defer="defer"> Ext.onReady(function() { Ext.Loader.setConfig({ enabled : true, paths : { app:'/app' } }); /* Data*/ Ext.define('app.model.selector_22D8B9AF-B42C-4DEB-834F0F08F33D6F37', { extend: 'Ext.data.Model', fields: [ {type: 'string', name: 'id', mapping:'id'}, {type: 'string', name: 'name', mapping:'name'}, {type: 'string', name: 'val', mapping:'val'}, {type: 'string',name: 'category', mapping:'category'}, {type: 'string',name: 'tip', mapping:'tip'}, {type: 'string',name: 'description', mapping:'description'} ], sorters: {property: 'category'}, proxy: { type: 'ajax', actionMethods :{ create: 'POST', read: 'POST', update: 'POST', destroy: 'POST' }, url: '/include/lib_selector_json.cfm?list_name=keywords', extraParams:{ list_selected:"", list_filter:"", l:"en" }, reader: { type: 'json', rootProperty: 'result', totalProperty: 'totalcount' } } }); /* Override to fix bug with pagination in EXT 5.1.0 https://www.sencha.com/forum/showthread.php?299443 */ Ext.define('WTCOMBO', { override: 'Ext.form.field.ComboBox', onBindStore: function(store, initial) { this.callParent(arguments); /* Deselect on container click is not required if paging toolbar exists*/ this.pickerSelectionModel.deselectOnContainerClick = false; }, /* if the fromComponent owner is picker then do not collapse boundlist. */ onFocusLeave: function(e) { var me = this; if (e.fromComponent.activeOwner && e.fromComponent.activeOwner.id == this.picker.id) { return; } me.collapse(); me.callParent([e]); } }); /* override to get label with HTML*/ if (!Ext.ClassManager.isCreated("Private.ui.TagFieldHtmlLabel")) { Ext.define("Private.ui.TagFieldHtmlLabel", { extend: 'Ext.form.field.Tag', alias: 'widget.tagfieldhtmllabel', /* TODO EXT UPGRADE. WHEN UPGRADING FROM 6.2.1 update this*/ getMultiSelectItemMarkup: function() { var me = this, childElCls = (me._getChildElCls && me._getChildElCls()) || ''; /* hook for rtl cls*/ if (!me.multiSelectItemTpl) { if (!me.labelTpl) { me.labelTpl = '{' + me.displayField + '}'; } me.labelTpl = me.lookupTpl('labelTpl'); if (me.tipTpl) { me.tipTpl = me.lookupTpl('tipTpl'); } me.multiSelectItemTpl = new Ext.XTemplate([ '<tpl for=".">', '<li data-selectionIndex="{[xindex - 1]}" data-recordId="{internalId}" role="presentation" class="' + me.tagItemCls + childElCls, '<tpl if="this.isSelected(values)">', ' ' + me.tagSelectedCls, '</tpl>', '{%', 'values = values.data;', '%}', me.tipTpl ? '" data-qtip="{[this.getTip(values)]}">' : '">', '<div role="presentation" class="' + me.tagItemTextCls + '">{[this.getItemLabel(values)]}</div>', '<div role="presentation" class="' + me.tagItemCloseCls + childElCls + '"></div>', '</li>', '</tpl>', { isSelected: function(rec) { return me.selectionModel.isSelected(rec); }, getItemLabel: function(values) { /* UPGRADE - removed htmlEncode here*/ return me.labelTpl.apply(values); }, getTip: function(values) { return Ext.String.htmlEncode(me.tipTpl.apply(values)); }, strict: true } ]); } if (!me.multiSelectItemTpl.isTemplate) { me.multiSelectItemTpl = this.lookupTpl('multiSelectItemTpl'); } return me.multiSelectItemTpl.apply(me.valueCollection.getRange()); } }); } /* Create the combobox */ var tag = Ext.create('Private.ui.TagFieldHtmlLabel', { store: Ext.create('Ext.data.Store',{ autoLoad :false, autoSync: false, pageSize: 400, remoteSort: false, remoteFilter: true, id:'store_22D8B9AF-B42C-4DEB-834F0F08F33D6F37', name:'', model: 'app.model.selector_22D8B9AF-B42C-4DEB-834F0F08F33D6F37', listeners : { 'load' : function(store, records, successful, operation, eOpts) { store.getProxy().setExtraParam( 'list_selected', '' ); store.getProxy().setExtraParam( 'list_filter', '' ); } } }), autoLoadOnValue:false, listeners: { beforerender:function(field, newValue, eOpts){ }, change: function(field, newValue, oldValue) { var hiddenInput = document.getElementById('boxselectval_22D8B9AF-B42C-4DEB-834F0F08F33D6F37'); hiddenInput.value = newValue; this.inputEl.dom.value=''; } ,select: function(combo,record,eOpts){ /*if(this.getPicker().isVisible()){this.getPicker().alignTo(combo);}*/ } }, /*value : [""],*/ emptyText: '', queryMode: 'remote', scrollable : true, forceSelection: false, queryDelay : 300, pageSize: true, displayField: 'name', valueField: 'val', delimiter : ',', minChars : 1, submitValue : false, width:'100%', cls:'', style:'', padding:'', contentPaddingProperty:'' , editable:true, selectOnFocus:true, /*triggerAction: 'all',*/ renderTo: 'boxselect_22D8B9AF-B42C-4DEB-834F0F08F33D6F37', id:'idboxselect_22D8B9AF-B42C-4DEB-834F0F08F33D6F37', anchor:'95%', tipTpl: new Ext.XTemplate('{tip}'), labelTpl: Ext.create('Ext.XTemplate','<tpl for=".">','{name}','</tpl>'), multiSelect: true, listConfig: { tpl: new Ext.XTemplate( '<ul class="x-list-plain">' + '{% var lastcategory="",Category=values["category"]%}' + '<tpl for=".">' + '{% Category=values["category"]%}' + /* Only show region headers when there are more than 10 choices*/ '{% if ( this.store.getCount() > 5 && Category !== lastcategory) { %}' + '{% lastcategory = values["category"]; %}' + '<li class="x-grid-group-hd x-grid-group-title">{category}</li>' + '{% } %}'+ '<li class="x-boundlist-item" data-qtip="{tip}">' + '{name}' + ' <span class="small text-muted">{description}</span>' + '</li>'+ '</tpl>'+ '</ul>' ), typeahead : false, minChars: 1 } }); tag.inputEl.dom.removeAttribute('name'); }); </script> <script language="javascript" type="text/javascript"> Ext.onReady(function(){ Ext.get('sites_search',true).on('submit', function(event, eltarget) { var els = this.query('input[value=""]',true); var elsSelect = this.query('select',true); Ext.Array.each(els,function(ael){ if(ael.value==""){ael.disabled=true;} else{} }); Ext.Array.each(elsSelect,function(ael){ if(ael.value==""){ ael.disabled=true; } }); }); }); </script> <script src="https://web.archive.org/web/20220923102408js_/https://js.arcgis.com/4.10/"></script> <script type="text/javascript"> var markersRendererCultural, markersRendererNatural, markersRendererMixed, markerSymbol, graphicsCultural= [], graphicsNatural= [], graphicsMixed= [], graphicsCulturalDanger= [], graphicsNaturalDanger= [], graphicsMixedDanger= [] ; require([ "require", "esri/Map", "esri/views/MapView", "esri/views/SceneView", "esri/WebMap", "esri/WebScene", "esri/Basemap", "esri/widgets/BasemapToggle", "esri/layers/FeatureLayer", "esri/geometry/Point", "esri/widgets/Legend", "esri/config", "esri/request", "esri/widgets/Fullscreen", "esri/widgets/Search", "dojo/_base/array", "dojo/domReady!" ], function( require, Map, MapView, SceneView, WebMap, WebScene, Basemap, BasemapToggle, FeatureLayer, Point, Legend, esriConfig, esriRequest, Fullscreen, /*Search,*/ arrayUtils) { /*code to create the map and add a basemap will go here*/ var switchButton = document.getElementById("switch-btn"); var map = new Map({ basemap: "satellite" }); var basemapwhc = new Basemap({ title: "Base WHC", thumbnailUrl : "https://web.archive.org/web/20220923102408/https://unesco.maps.arcgis.com/sharing/rest/content/items/073cf5b02f654359b656f58ca9e67846/info/thumbnail/thumbnail1601627787898.png", portalItem: { id: "073cf5b02f654359b656f58ca9e67846" } }); var appConfig = { mapView: null, sceneView: null, activeView: null, container: "esrimap" }; var initialViewParams2D = { zoom: 4, map: map, container: appConfig.container }; var initialViewParams3D = { zoom: 2, map: map, container: appConfig.container, ground: "world-elevation" }; /*create 2D view and and set active*/ appConfig.mapView = createView(initialViewParams2D, "2d"); /*appConfig.mapView.map = map;*/ appConfig.mapView.when(function() { document.getElementById("infoDiv").style.display = "block"; }).catch(function() { /* View was rejected, show webgl unsupported message and turn off the viewDiv*/ document.getElementById("infoWebGL").style.display = "block"; }); appConfig.activeView = appConfig.mapView; /* create 3D view, won't initialize until container is set*/ initialViewParams3D.container = null; /*initialViewParams.map = map;*/ appConfig.sceneView = createView(initialViewParams3D, "3d"); /* Add a basemap toggle widget to toggle between basemaps*/ var toggle = new BasemapToggle({ titleVisible: true, view: appConfig.activeView, nextBasemap: basemapwhc }); /* stop zoom with mouse wheel when scrolling vertically*/ appConfig.mapView.surface.addEventListener("wheel", function(event) { event.stopImmediatePropagation(); }, true); /**/ /* var searchWidget = new Search({ view: appConfig.activeView }); appConfig.activeView.ui.add(searchWidget, { position: "bottom-left" });*/ /* Add widget to the top right corner of the view*/ appConfig.activeView.ui.add(toggle, "top-right"); /**/ appConfig.sceneView.when(function() { /* View successfully loaded, show viewDiv*/ /* Add widget to the top right corner of the view*/ }).catch(function() { document.getElementById("infoDiv").style.display = "none"; document.getElementById("infoWebGL").style.display = "block"; console.log("no webgl"); /* View was rejected, show webgl unsupported message and turn off the viewDiv*/ }); /*switch the view between 2D and 3D each time the button is clicked*/ switchButton.addEventListener("click", function(){ switchView(); }); /*Switches the view from 2D to 3D and vice versa*/ function switchView(){ var is3D = appConfig.activeView.type === "3d"; var activeViewpoint = appConfig.activeView.viewpoint.clone(); /* remove the reference to the container for the previous view*/ appConfig.activeView.container = null; if (is3D){ /* if the input view is a SceneView, set the viewpoint on the mapView instance. Set the container on the mapView and flag it as the active view*/ appConfig.mapView.viewpoint = activeViewpoint; appConfig.mapView.container = appConfig.container; appConfig.activeView = appConfig.mapView; toggle.view = appConfig.mapView; appConfig.mapView.ui.add(toggle, "top-right"); switchButton.value = "3D"; } else { appConfig.sceneView.viewpoint = activeViewpoint; appConfig.sceneView.container = appConfig.container; appConfig.activeView = appConfig.sceneView; toggle.view = appConfig.sceneView; appConfig.sceneView.ui.add(toggle, "top-right"); switchButton.value = "2D"; } } /* convenience function for creating a 2D or 3D view*/ function createView(params, type){ var view; var is2D = type === "2d"; if(is2D){ view = new MapView(params); return view; } else { view = new SceneView(params); } return view; } /* UI */ var applicationDiv = document.getElementById("esriapp"); appConfig.mapView.ui.add(new Fullscreen({ view: appConfig.mapView, element: applicationDiv }), "top-left"); appConfig.sceneView.ui.add(new Fullscreen({ view: appConfig.sceneView, element: applicationDiv }), "top-left"); /*specification for each field to create in the layer*/ var fields = [ { name: "ObjectID", alias: "ObjectID", type: "oid" }, { name: "title", alias: "title", type: "string" }, { name: "url", alias: "url", type: "string" }, { name: "cat", alias: "cat", type: "double" }, { name: "id_no", alias: "id_no", type: "double" } ]; /* Set up popup template for the layer */ var pTemplate = { title: '<div style="display: flex; justify-content: flex-start;align-content:"><div style=" margin: 10px 5px 10px 10px;display: flex; justify-content: flex-start;align-content:center; word-break: initial;">{title}</div></div>', content:'' }; /**/ markerSymbol= { type: "simple-marker", style: "circle", size: 5, color: [255, 204, 1, 1], outline: { width: 1, color: [0, 0, 0, .5], style: "solid" } }; markersRendererCultural = { type: "simple", symbol: { type: "picture-marker", url: "/graphics/1-0.gif", width: 11, height: 11 } }; markersRendererNatural = { type: "simple", symbol: { type: "picture-marker", url: "/graphics/2-0.gif", width: 11, height: 11 } }; markersRendererMixed = { type: "simple", symbol: { type: "picture-marker", url: "/graphics/3-0.gif", width: 11, height: 11 } }; markersRendererCulturalDanger = { type: "simple", symbol: { type: "picture-marker", url: "/graphics/1-1.gif", width: 11, height: 11 } }; markersRendererNaturalDanger = { type: "simple", symbol: { type: "picture-marker", url: "/graphics/2-1.gif", width: 11, height: 11 } }; markersRendererMixedDanger = { type: "simple", symbol: { type: "picture-marker", url: "/graphics/3-1.gif", width: 11, height: 11 } }; /**/ var urlrequest = "https://web.archive.org/web/20220923102408/https://whc.unesco.org/?cid=31&l=en&id_site=135&&mode=json"; var request = esriRequest(urlrequest,{ handleAs: "json"}).then(function(response){ // add the results to the map //console.log(response.data); //console.log(appConfig.mapView); appConfig.mapView.center=[response.data.CENTROIDRESULT.LONGITUDE,response.data.CENTROIDRESULT.LATITUDE]; //for (var z = 0; z < response.data.QUERYRESULT.DATA.length; z++) { response.data.QUERYRESULT.DATA.forEach(function(feature, i) { //console.log(feature); var mypoint = { geometry: new Point({ x: feature[4], y: feature[3] }), //symbol: markerSymbol, attributes: { ObjectID: i, id_no:135, title: feature[2] } }; if(feature[0] == 0){ switch(feature[1]){ case 1: graphicsCultural.push(mypoint); break; case 2: graphicsNatural.push(mypoint); break; case 3: graphicsMixed.push(mypoint); break; } } if(feature[0] == 1){ switch(feature[1]){ case 1: graphicsCulturalDanger.push(mypoint); break; case 2: graphicsNaturalDanger.push(mypoint); break; case 3: graphicsMixedDanger.push(mypoint); break; } } }); /* create and add layer*/ if(graphicsCultural.length > 0){ var layerCultural = new FeatureLayer({ source: graphicsCultural, fields: fields, objectIdField: "ObjectID", popupTemplate: pTemplate, renderer: markersRendererCultural }); map.add(layerCultural); } if(graphicsNatural.length > 0){ var layerNatural = new FeatureLayer({ source: graphicsNatural, fields: fields, objectIdField: "ObjectID", popupTemplate: pTemplate, renderer: markersRendererNatural }); map.add(layerNatural); } if(graphicsMixed.length > 0){ var layerMixed = new FeatureLayer({ source: graphicsMixed, fields: fields, objectIdField: "ObjectID", popupTemplate: pTemplate, renderer: markersRendererMixed }); map.add(layerMixed); } if(graphicsCulturalDanger.length > 0){ var layerCulturalDanger = new FeatureLayer({ source: graphicsCulturalDanger, fields: fields, objectIdField: "ObjectID", popupTemplate: pTemplate, renderer: markersRendererCulturalDanger }); map.add(layerCulturalDanger); } if(graphicsNaturalDanger.length > 0){ var layerNaturalDanger = new FeatureLayer({ source: graphicsNaturalDanger, fields: fields, objectIdField: "ObjectID", popupTemplate: pTemplate, renderer: markersRendererNaturalDanger }); map.add(layerNaturalDanger); } if(graphicsMixedDanger.length > 0){ var layerMixedDanger = new FeatureLayer({ source: graphicsMixedDanger, fields: fields, objectIdField: "ObjectID", popupTemplate: pTemplate, renderer: markersRendererMixedDanger }); map.add(layerMixedDanger); } }); }); </script> <script> $('.lightbox').on('click',function(e){ e.preventDefault(); let iframeSrc=$(this).attr('href'); $('.lightboxIframe').on('shown.bs.modal',function(){ $(this).find('iframe').attr('src',iframeSrc) }) $('.lightboxIframe').on('hidden.bs.modal',function(){ $(this).find('iframe').attr('src','') }) $('#lightboxIframe').modal({keyboard: true,show:true}); } ); $('.contactButton').on('click',function(e){ e.preventDefault(); let keywordValue=$(this).attr('keyword'); $('.contactIframe').on('shown.bs.modal',function(){ $(this).find('iframe').attr('src',"/include/tool_contact_bootstrap.cfm"+"?keyword="+keywordValue) }); $('.contactIframe').on('hidden.bs.modal',function(){ $(this).find('iframe').attr('src','') }) $('#contactIframe').modal({keyboard: true,show:true}); }); </script> <script type="text/javascript" defer="defer">$('#menuLogin-link').click(function(ev){ev.preventDefault();$('#alertLogin').modal('show');});</script> <div id="map-win" class="x-hidden"></div> <div class="clear"></div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://web.archive.org/web/20220923102408/https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-6025718-3', 'auto',{"cookieDomain":".unesco.org"}); ga('send', 'pageview'); </script> </body> </html>

CINXE.COM

Fortifications on the Caribbean Side of Panama: Portobelo-San Lorenzo - UNESCO World Heritage Centre