<!DOCTYPE html> <html class="dj_webkit dj_chrome dj_contentbox" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title id="idPageTitle">Common Spatial Data Infrastructure (CSDI) Portal for Government</title> <meta name="keywords" content="Common Spatial Data Infrastructure,CSDI,SDO,Spatial Data Office,Spatial Data,Annual Spatial Data Plans,空間數據共享平台,空間數據辦事處,香港空間數據,空間數據,年度空間數據計劃,空间数据共享平台,空间数据办事处,香港空间数据,空间数据,年度空间数据计划,Geospatial data,地理空间数据,地理空間數據,Open data,开放数据,開放數據,Government data,政府数据,政府數據,Information sharing,信息共享,信息共享,Smart city,智慧城市,智慧城市,Map-based digital infrastructure,基于地图的数字基础设施,基於地圖的數字基礎設施"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">  <link rel="stylesheet" href="/csdi-webpage/resources/icons/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="/csdi-webpage/resources/icons/fontawesome-free-6.2.1-web/css/all.min.css"> <link rel="shortcut icon" type="image/x-icon" href="https://static.csdi.gov.hk/csdi-webpage/resources/icons/favicon.ico"> <link rel="stylesheet" href="https://static.csdi.gov.hk/csdi-webpage/resources/css/bootstrap.css"> <link rel="stylesheet" href="https://static.csdi.gov.hk/csdi-webpage/resources/css/calcite.css"> <link rel="stylesheet" href="https://static.csdi.gov.hk/csdi-webpage/resources/css/main.css"> <link rel="stylesheet" href="https://static.csdi.gov.hk/csdi-webpage/resources/css/csditool.css"> <link rel="stylesheet" href="https://static.csdi.gov.hk/csdi-webpage/resources/css/csdisearchbar.css"> <link rel="stylesheet" href="https://static.csdi.gov.hk/csdi-webpage/resources/css/csdiportalV2.css"> <link rel="stylesheet" href="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/css/style.css"> <link rel="stylesheet" href="https://static.csdi.gov.hk/csdi-webpage/resources/css/csdiportalV4.css">  <link href="/csdi-webpage/resources/icons/fonts/Lato.css" rel="stylesheet"> <link href="/csdi-webpage/resources/icons/fonts/Poppins.css" rel="stylesheet">  <link rel="stylesheet" href="https://static.csdi.gov.hk/csdi-webpage/resources/plugins/DataTables/jquery.dataTables.min.css" >  <script src="https://static.csdi.gov.hk/csdi-webpage/resources/HKCSDI_files/jquery-3.7.1.min.js"></script>  <script src="https://static.csdi.gov.hk/csdi-webpage/resources/HKCSDI_files/bootstrap-5.3.3.min.js"></script>  <script type="text/javascript" src="https://static.csdi.gov.hk/csdi-webpage/resources/plugins/DataTables/jquery.dataTables.min.js"></script>  <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>  <script src="https://static.csdi.gov.hk/3.38/dojo/dojo.js" data-dojo-config="'packages':[{'name': 'csdi-webpage', 'location':'/csdi-webpage'}], locale: 'en', extraLocale: ['en', 'zh-hk', 'zh-cn']"> </script>  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="/matomo/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '3']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script>  </head> <body class=""> <div id="custom-banner" class="custom-banner"></div> <div class="g-app" data-dojo-attach-point="contentNode" id="csdiapp" widgetid="app"> <a class="visually-hidden-focusable skip-to-content" href="#app"> Skip to main content </a>  <div id="site-notification"></div>  <header class="site-header" id="csdi-nav-header"></header> <main class="site-main" id="app" tabindex="-1"> <div class="d-none" id="idUserLang">en</div>   <script src="https://static.csdi.gov.hk/csdi-webpage/resources/js/_header.js"></script> <script> function changeLang(curLang) { var curURL = location.href.toLowerCase(); var jsessionid = "/csdi-webpage/"; var sInx = jsessionid.indexOf(';jsessionid='); $.ajax({ url: "/csdi-webpage/ToLang", type: "GET", data: { lang: curLang, meta: ''}, success: function (sessionID) { window.localStorage.setItem('csdi-lang',curLang); window.localStorage.setItem('csdi-maplang',curLang); if (location.protocol == 'http:' && sInx>=0 && curURL.indexOf(';jsessionid=')<0) { var newURL = location.href + jsessionid.substr(sInx); window.location.replace(newURL); } else location.reload(false); } }); } function loadHeader() { var navName = $('#idNavName').html(); if (navName == null) navName='Null'; // Load CSDI Header $.ajax({ url: "/csdi-webpage/info/getHeader", type: "GET", data: { site: 'csdi', nav: navName}, async: false, success: function (result) { $('#csdi-nav-header').html(result); } }); // Load CSDI Notification $.ajax({ url: "/csdi-webpage/getNotification", type: "GET", async: false, success: function (result) { $('#site-notification').html(result); } }); } </script>  <div class="page-home page"> <div class="page-home__content page__content"> <header class="page-home__header"> <div class="container"> <div class="row"> <div class="col"> <h1 class="page-home__title"> <span id="homePageCSDIHeader">CSDI </span><span id="homePagePortalHeader" class="light">Portal</span> </h1> <dl class="page-home__statistics"> <div class="page-home__statistic"> <dt> <span aria-hidden="true" class="narrow"> Current<br> Datasets<br> available </span> <span class="wide">Current Datasets available</span> </dt> <dd> <span aria-hidden=true"> <span class="count-up">900</span><span class="count-up-suffix"><span class="plus">+</span></span> </span> <span class="visually-hidden">900+</span> </dd> </div> <div class="page-home__statistic"> <dt> <span aria-hidden="true" class="narrow"> Dataset<br> downloads<br> in 2023 </span> <span class="wide">Dataset downloads in 2023</span> </dt> <dd> <span aria-hidden="true"> <span class="count-up">298,000</span><span class="count-up-suffix"><span class="plus">+</span></span> </span> <span class="visually-hidden">298,000+</span> </dd> </div> <div class="page-home__statistic"> <dt> <span aria-hidden="true" class="narrow"> API service<br> calls in 2023 </span> <span class="wide">API service calls in 2023</span> </dt> <dd> <span aria-hidden="true"> <span class="count-up">7.8</span><span class="count-up-suffix"><span class="unit">B</span><span class="plus">+</span></span> </span> <span class="visually-hidden">7.8 Billion+</span> </dd> </div> </dl> <form action="/geoportal/" class="catalog-search" method="get" role="search"> <input name="from" value="0" type="hidden"> <input name="size" value="10" type="hidden"> <div class="input-group"> <div class="catalog-search__form-control-wrapper"> <input aria-label="Search:" autocomplete="off" class="form-control" id="welcome_search" name="key" placeholder="Enter keyword like transportation, building, Lands Department…" type="search"> <div class="catalog-search__instant-results" id="searchResult-container"> <ul class="catalog-search__instant-results-list" id="searchResult"></ul> </div> </div> <button class="btn" type="submit"> <span id="welcome_search_button" class="text">Search</span> <span aria-hidden="true" class="icon sprite-icons sprite-icons--search"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#search"></use> </svg> </span> </button> </div> </form> </div> </div> </div> </header> <section class="page-home__new-popular-datasets"> <h2 class="visually-hidden"> New / Popular Datasets </h2> <div class="container"> <div class="row"> <div class="col"> <ul class="nav nav-pills nav-pills--light"> <li class="nav-item"> <a class="nav-link active" href="/csdi-webpage/RecommendDataset#new-datasets"> <span id="newDatasets">New Datasets</span> <span aria-hidden="true" class="icon sprite-icons sprite-icons--dataset-exclamation"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#dataset-exclamation"></use> </svg> </span> </a> </li> <li class="nav-item"> <a class="nav-link" href="/csdi-webpage/RecommendDataset#most-viewed-datasets"> <span id="mostViewedDatasets">Most Viewed Datasets</span> <span aria-hidden="true" class="icon sprite-icons sprite-icons--eye"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#eye"></use> </svg> </span> </a> </li> <li class="nav-item"> <a class="nav-link" href="/csdi-webpage/RecommendDataset#most-downloaded-datasets"> <span id="mostDownloadedDatasets">Most Downloaded Datasets</span> <span aria-hidden="true" class="icon sprite-icons sprite-icons--download"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#download"></use> </svg> </span> </a> </li> <li class="nav-item"> <a class="nav-link" href="/csdi-webpage/RecommendDataset#most-popular-dataset-apis"> <span id="mostPopularDatasetAPIs">Most Popular Dataset APIs</span> <span aria-hidden="true" class="icon sprite-icons sprite-icons--click"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#click"></use> </svg> </span> </a> </li> </ul> </div> </div> </div> </section> <section class="page-home__banners"> <h2 class="visually-hidden"> Banners </h2> <div class="carousel slide playing" data-bs-interval="12000" data-bs-pause="false" id="banners"> <div class="carousel-indicators"> <button class="carousel-toggle" data-bs-target="#banners" type="button"> <span class="play"> <span class="visually-hidden">Play</span> <span aria-hidden="true" class="icon sprite-icons sprite-icons--play"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#play"></use> </svg> </span> </span> <span class="pause"> <span class="visually-hidden">Pause</span> <span aria-hidden="true" class="icon sprite-icons sprite-icons--pause"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#pause"></use> </svg> </span> </span> </button> <ul class="carousel-dots"> <li> <button aria-current="true" aria-label="Slide 1" class="active" data-bs-slide-to="0" data-bs-target="#banners" type="button"></button> </li> <li> <button aria-label="Slide 2" data-bs-slide-to="1" data-bs-target="#banners" type="button"></button> </li> <li> <button aria-label="Slide 3" data-bs-slide-to="2" data-bs-target="#banners" type="button"></button> </li> <li> <button aria-label="Slide 4" data-bs-slide-to="3" data-bs-target="#banners" type="button"></button> </li> </ul> </div> <div class="carousel-inner"> <div class="carousel-item active"> <a class="page-home__banners-link"> <video class="page-home__banners-video" data-carousel-play-from-start="true" loop muted playsinline src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/video/csdi-introduction-video-tc.mp4"></video> </a> </div> <div class="carousel-item"> <a class="page-home__banners-link" href="https://usecases.csdi.geodata.gov.hk/?lang=en" target="_blank"> <img alt="CSDI Use Cases" class="page-home__banners-image" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/home/banners/csdi-use-cases--en.jpg"> </a> </div> <div class="carousel-item"> <a class="page-home__banners-link" href="https://csdigeolab.gov.hk/en/event-highlight/csdi-awards-2024-eh" target="_blank"> <img alt="CSDI Awards 2024" class="page-home__banners-image" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/home/banners/csdi-awards-2024.png"> </a> </div> <div class="carousel-item"> <a class="page-home__banners-link" href="https://3d.map.gov.hk/" target="_blank"> <img alt="Hong Kong 3D Digital Map" class="page-home__banners-image" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/home/banners/open3dhk.jpg"> </a> </div> </div> </div> </section> <section class="page-home__cards-section page-home__cards-section--get-involved"> <div class="container"> <div class="row"> <div class="col"> <div class="highlight-section highlight-section--preset-1"> <header class="highlight-section__header"> <h2 id="secGetInvolved" class="highlight-section__title"> How You Can Get Involved </h2> <span aria-hidden="true" class="highlight-section__icon sprite-icons sprite-icons--circle-arrow-right"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#circle-arrow-right"> </use> </svg> </span> </header> <div class="highlight-section__body"> <ul class="card-grid row card-grid--side-image"> <li class="col"> <div class="side-image-card card card--link"> <div class="card-body"> <a id="howToForBeginners" class="card-title" href="/csdi-webpage/info/HowToUse"> How-to for beginners </a> <p id="howToForBeginnersDesc" class="card-text"> Learn what spatial dataset is and how to get started </p> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/home/get-involved/get-involved-1.jpg"> </div> </li> <li class="col"> <div class="side-image-card card card--link"> <div class="card-body"> <a id="howToAPIs" class="card-title" href="/csdi-webpage/doc/GeoSpatialServices"> Learn how to use our Map APIs and Dataset APIs </a> <p id="howToAPIsDesc" class="card-text"> Build your applications and answer geospatial questions using Map APIs and Dataset APIs </p> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/home/get-involved/get-involved-2.jpg"> </div> </li> <li class="col"> <div class="side-image-card card card--link"> <div class="card-body"> <a id="joinOurEvents" class="card-title" href="https://csdigeolab.gov.hk/en/events/upcoming-event" target="_blank"> Join our events </a> <p id="joinOurEventsDesc" class="card-text"> Click here to see events organized by Geospatial Lab </p> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/home/get-involved/get-involved-3.jpg"> </div> </li> </ul> </div> </div> </div> </div> </div> </section> <section class="page-home__cards-section"> <div class="container"> <div class="row"> <div class="col"> <div class="highlight-section highlight-section--preset-2 can-expand expand" id="framework-spatial-data-themes"> <header class="highlight-section__header"> <h2 id="secFSDT" class="highlight-section__title"> Framework Spatial Data Themes </h2> <span aria-hidden="true" class="highlight-section__icon sprite-icons sprite-icons--database"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#database"></use> </svg> </span> <button aria-controls="framework-spatial-data-themes__body" aria-expanded="false" aria-label="Expand" class="highlight-section__expand" type="button"> <span aria-hidden="true" class="highlight-section__expand-icon sprite-icons sprite-icons--angle-down"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#angle-down"></use> </svg> </span> </button> </header> <div class="highlight-section__body" id="framework-spatial-data-themes__body"> <ul class="card-grid row card-grid--portrait-icon"> <li class="col"> <div class="portrait-icon-card card card--link data-themes--address"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Address" href="javascript:showCategory('Address FSDT','')"> Address </a> </div> <div class="card-icon"> <img alt="" height="40" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#data-themes--address" width="48"> </div> </div> </li> <li class="col"> <div class="portrait-icon-card card card--link data-themes--administrative-area"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Administrative Area" href="javascript:showCategory('Administrative Area FSDT','')"> Administrative Area </a> </div> <div class="card-icon"> <img alt="" height="40" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#data-themes--administrative-area" width="48"> </div> </div> </li> <li class="col"> <div class="portrait-icon-card card card--link data-themes--building"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Building" href="javascript:showCategory('Building FSDT','')"> Building </a> </div> <div class="card-icon"> <img alt="" height="40" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#data-themes--building" width="48"> </div> </div> </li> <li class="col"> <div class="portrait-icon-card card card--link data-themes--coordinates-reference-system"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Coordinate Reference System" href="javascript:showCategory('Coordinate Reference System FSDT','')"> Coordinate Reference System </a> </div> <div class="card-icon"> <img alt="" height="40" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#data-themes--coordinates-reference-system" width="48"> </div> </div> </li> <li class="col"> <div class="portrait-icon-card card card--link data-themes--geographic-name"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Geographic Name" href="javascript:showCategory('Geographic Name FSDT','')"> Geographic Name </a> </div> <div class="card-icon"> <img alt="" height="40" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#data-themes--geographic-name" width="48"> </div> </div> </li> <li class="col"> <div class="portrait-icon-card card card--link data-themes--land-parcel"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Land Parcel" href="javascript:showCategory('Land Parcel FSDT','')"> Land Parcel </a> </div> <div class="card-icon"> <img alt="" height="40" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#data-themes--land-parcel" width="48"> </div> </div> </li> <li class="col"> <div class="portrait-icon-card card card--link data-themes--transportation"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Transportation" href="javascript:showCategory('Transportation FSDT','')"> Transportation </a> </div> <div class="card-icon"> <img alt="" height="40" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#data-themes--transportation" width="48"> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </section> <section class="page-home__cards-section"> <div class="container"> <div class="row"> <div class="col"> <div class="highlight-section highlight-section--preset-3 can-expand expand" id="dataset-categories"> <header class="highlight-section__header"> <h2 id="secCats" class="highlight-section__title"> Dataset Categories </h2> <span aria-hidden="true" class="highlight-section__icon sprite-icons sprite-icons--shapes"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#shapes"></use> </svg> </span> <button aria-controls="dataset-categories__body" aria-expanded="false" aria-label="Expand" class="highlight-section__expand" type="button"> <span aria-hidden="true" class="highlight-section__expand-icon sprite-icons sprite-icons--angle-down"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#angle-down"></use> </svg> </span> </button> </header> <div class="highlight-section__body" id="dataset-categories__body"> <ul class="card-grid row card-grid--landscape-icon"> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Climate and Weather" href="javascript:showCategory('Climate and Weather','')"> Climate and Weather </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--climate-and-weather" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--climate-and-weather"> </div> </div> </li> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Commerce and Industry" href="javascript:showCategory('Commerce and Industry','')"> Commerce and Industry </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--commerce-and-industry" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--commerce-and-industry"> </div> </div> </li> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Development" href="javascript:showCategory('Development','')"> Development </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--development" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--development"> </div> </div> </li> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Education" href="javascript:showCategory('Education','')"> Education </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--education" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--education"> </div> </div> </li> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Election" href="javascript:showCategory('Election','')"> Election </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--election" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--election"> </div> </div> </li> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Environment" href="javascript:showCategory('Environment','')"> Environment </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--environment" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--environment"> </div> </div> </li> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Geography" href="javascript:showCategory('Geography','')"> Geography </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--geography" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--geography"> </div> </div> </li> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Health" href="javascript:showCategory('Health','')"> Health </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--health" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--health"> </div> </div> </li> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Housing" href="javascript:showCategory('Housing','')"> Housing </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--housing" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--housing"> </div> </div> </li> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Labour, Community and Social Welfare" href="javascript:showCategory('Labour, Community and Social Welfare','')"> Labour, Community and Social Welfare </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--labour-community-and-social-welfare" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--labour-community-and-social-welfare"> </div> </div> </li> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Land Information" href="javascript:showCategory('Land Information','')"> Land Information </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--land-information" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--land-information"> </div> </div> </li> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Law and Security" href="javascript:showCategory('Law and Security','')"> Law and Security </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--law-and-security" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--law-and-security"> </div> </div> </li> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Population" href="javascript:showCategory('Population','')"> Population </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--population" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--population"> </div> </div> </li> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Recreation and Culture" href="javascript:showCategory('Recreation and Culture','')"> Recreation and Culture </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--recreation-and-culture" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--recreation-and-culture"> </div> </div> </li> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Sports" href="javascript:showCategory('Sports','')"> Sports </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--sports" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--sports"> </div> </div> </li> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Technology" href="javascript:showCategory('Technology','')"> Technology </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--technology" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--technology"> </div> </div> </li> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Transportation" href="javascript:showCategory('Transportation','')"> Transportation </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--transportation" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--transportation"> </div> </div> </li> <li class="col"> <div class="landscape-icon-card card card--link"> <div class="card-body"> <a class="card-text" data-log-action="onClick activity" data-log-section="Utilities" href="javascript:showCategory('Utilities','')"> Utilities </a> </div> <div class="card-icon"> <img alt="" class="dataset-categories--utilities" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#dataset-categories--utilities"> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </section> <section class="page-home__cards-section"> <div class="container"> <div class="row"> <div class="col"> <div class="highlight-section highlight-section--preset-4 can-expand expand" id="apis"> <header class="highlight-section__header"> <h2 id="secAPIs" class="highlight-section__title"> Application Programming Interfaces (APIs) </h2> <span aria-hidden="true" class="highlight-section__icon sprite-icons sprite-icons--squares-plus"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#squares-plus"></use> </svg> </span> <button aria-controls="apis__body" aria-expanded="false" aria-label="Expand" class="highlight-section__expand" type="button"> <span aria-hidden="true" class="highlight-section__expand-icon sprite-icons sprite-icons--angle-down"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#angle-down"></use> </svg> </span> </button> </header> <div class="highlight-section__body" id="apis__body"> <ul class="card-grid row card-grid--resource"> <li class="col"> <div class="resource-card card card--link"> <div class="card-body"> <a class="card-text" href="/csdi-webpage/apilist"> Map APIs </a> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/resources/map-apis.jpg"> <div class="card-icon"> <img alt="" class="resources--map-api" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#resources--map-apis"> </div> </div> </li> <li class="col"> <div class="resource-card card card--link"> <div class="card-body"> <a class="card-text" href="/csdi-webpage/doc/GeoSpatialServices#wfs-wms-arcgis-rest-api"> Dataset API<br>WFS/WMS/ArcGIS REST API </a> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/resources/dataset-api-wfs-wms-arcgis-rest-api.jpg"> <div class="card-icon"> <img alt="" class="resources--dataset-api-wfs-wms-arcgis-rest-api" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#resources--dataset-api-wfs-wms-arcgis-rest-api"> </div> </div> </li> <li class="col"> <div class="resource-card card card--link"> <div class="card-body"> <a class="card-text" href="/csdi-webpage/doc/GeoSpatialServices#data-query-service"> Dataset API<br>Data Query Service </a> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/resources/dataset-api-data-query-service.jpg"> <div class="card-icon"> <img alt="" class="resources--dataset-api-data-query-service" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#resources--dataset-api-data-query-service"> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </section> <section class="page-home__cards-section"> <div class="container"> <div class="row"> <div class="col"> <div class="highlight-section highlight-section--preset-1 can-expand expand" id="applications-and-tools"> <header class="highlight-section__header"> <h2 id="secAnts" class="highlight-section__title"> Applications and Tools </h2> <span aria-hidden="true" class="highlight-section__icon sprite-icons sprite-icons--square-gear"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#square-gear"></use> </svg> </span> <button aria-controls="applications-and-tools__body" aria-expanded="false" aria-label="Expand" class="highlight-section__expand" type="button"> <span aria-hidden="true" class="highlight-section__expand-icon sprite-icons sprite-icons--angle-down"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#angle-down"></use> </svg> </span> </button> </header> <div class="highlight-section__body" id="applications-and-tools__body"> <ul class="card-grid row card-grid--resource"> <li class="col"> <div class="resource-card card card--link"> <div class="card-body"> <a class="card-text" href="https://usecases.csdi.geodata.gov.hk/?lang=en" target="_blank"> CSDI Use Cases </a> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/resources/csdi-use-cases.jpg"> <div class="card-icon"> <img alt="" class="resources--csdi-use-cases" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#resources--csdi-use-cases"> </div> <div class="card-badge card-badge--preset-new"> <span class="badge"> NEW <span class="visually-hidden">Application</span> </span> </div> </div> </li> <li class="col"> <div class="resource-card card card--link"> <div class="card-body"> <a class="card-text" href="https://tools.csdi.gov.hk/geoaddressfinder/?l=en" target="_blank"> GeoAddress Finder </a> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/resources/geoaddress-finder.jpg"> <div class="card-icon"> <img alt="" class="resources--geoaddress-finder" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#resources--geoaddress-finder"> </div> </div> </li> <li class="col"> <div class="resource-card card card--link"> <div class="card-body"> <a class="card-text" href="https://tools.csdi.gov.hk/geospatialiser/" target="_blank"> GeoSpatialiser </a> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/resources/geospatialiser.jpg"> <div class="card-icon"> <img alt="" class="resources--geospatialiser" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#resources--geospatialiser"> </div> </div> </li> <li class="col"> <div class="resource-card card card--link"> <div class="card-body"> <a class="card-text" href="https://geodata.gov.hk/gt/" target="_blank"> Geo-tagging Tool </a> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/resources/geo-tagging-tool.jpg"> <div class="card-icon"> <img alt="" class="resources--geo-tagging-tool" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#resources--geo-tagging-tool"> </div> </div> </li> <li class="col"> <div class="resource-card card card--link"> <div class="card-body"> <a class="card-text" href="https://3d.map.gov.hk/" target="_blank"> Open3Dhk </a> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/resources/open3dhk.jpg"> <div class="card-icon"> <img alt="" class="resources--open3dhk" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#resources--open3dhk"> </div> <div class="card-badge card-badge--preset-featured"> <span class="badge"> Featured <span class="visually-hidden">Application</span> </span> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </section> <a class="back-to-top" href="#" title="Back to Top"> <span aria-hidden="true" class="icon sprite-icons sprite-icons--caret-up"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#caret-up"></use> </svg> </span> </a> </div> <aside class="page-home__sidebar" id="sidebar"> <button aria-controls="sidebar" aria-expanded="false" class="page-home__sidebar-button" title="Toggle Sidebar" type="button"> <span aria-hidden="true" class="icon sprite-icons sprite-icons--circle-angle-right"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#circle-angle-right"></use> </svg> </span> </button> <ul class="page-home__sidebar-items"> <li class="page-home__sidebar-item"> <a class="page-home__sidebar-link" href="/csdi-webpage/info/WhatsNew" style="--accent-color: var(--color--teal);"> <span id="sidebarWhatsNew" class="text">What’s New</span> <span id="sidebarWhatsNew2" class="title" title="What’s New"></span> <span aria-hidden="true" class="icon sprite-icons sprite-icons--seal-exclamation"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#seal-exclamation"></use> </svg> </span> </a> </li> <li class="page-home__sidebar-item"> <a class="page-home__sidebar-link" href="#framework-spatial-data-themes" style="--accent-color: #77ae73;"> <span id="sidebarFSDTs" class="text">Framework Spatial Data Themes</span> <span id="sidebarFSDTs2" class="title" title="Framework Spatial Data Themes"></span> <span aria-hidden="true" class="icon sprite-icons sprite-icons--database"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#database"></use> </svg> </span> </a> </li> <li class="page-home__sidebar-item"> <a class="page-home__sidebar-link" href="#dataset-categories" style="--accent-color: var(--color--green);"> <span id="sidebarCats" class="text">Dataset Categories</span> <span id="sidebarCats2" class="title" title="Dataset Categories"></span> <span aria-hidden="true" class="icon sprite-icons sprite-icons--shapes"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#shapes"></use> </svg> </span> </a> </li> <li class="page-home__sidebar-item"> <a class="page-home__sidebar-link" href="/csdi-webpage/DatasetsByDataProviders" style="--accent-color: var(--color--dark-teal);"> <span id="sidebarProviders" class="text">Data Providers</span> <span id="sidebarProviders2" class="title" title="Data Providers"></span> <span aria-hidden="true" class="icon sprite-icons sprite-icons--square-lines"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#square-lines"></use> </svg> </span> </a> </li> <li class="page-home__sidebar-item page-home__sidebar-item--has-subitems"> <a class="page-home__sidebar-link" href="#apis" style="--accent-color: var(--color--blue);"> <span id="sidebarAPIs" class="text">Application Programming Interfaces (APIs)</span> <span id="sidebarAPIs2" class="title" title="Application Programming Interfaces (APIs)"></span> <span aria-hidden="true" class="icon sprite-icons sprite-icons--squares-plus"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#squares-plus"></use> </svg> </span> </a> <ul class="page-home__sidebar-subitems"> <li> <div class="resource-card card card--link"> <div class="card-body"> <a class="card-text" href="/csdi-webpage/apilist"> Map APIs </a> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/resources/map-apis.jpg"> <div class="card-icon"> <img alt="" class="resources--map-api" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#resources--map-apis"> </div> </div> </li> <li> <div class="resource-card card card--link"> <div class="card-body"> <a class="card-text" href="/csdi-webpage/doc/GeoSpatialServices#wfs-wms-arcgis-rest-api"> Dataset API<br>WFS/WMS/ArcGIS REST API </a> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/resources/dataset-api-wfs-wms-arcgis-rest-api.jpg"> <div class="card-icon"> <img alt="" class="resources--dataset-api-wfs-wms-arcgis-rest-api" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#resources--dataset-api-wfs-wms-arcgis-rest-api"> </div> </div> </li> <li> <div class="resource-card card card--link"> <div class="card-body"> <a class="card-text" href="/csdi-webpage/doc/GeoSpatialServices#data-query-service"> Dataset API<br>Data Query Service </a> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/resources/dataset-api-data-query-service.jpg"> <div class="card-icon"> <img alt="" class="resources--dataset-api-data-query-service" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#resources--dataset-api-data-query-service"> </div> </div> </li> </ul> </li> <li class="page-home__sidebar-item page-home__sidebar-item--has-subitems"> <a class="page-home__sidebar-link" href="#applications-and-tools" style="--accent-color: var(--color--teal);"> <span id="sidebarAnts" class="text">Applications and Tools</span> <span id="sidebarAnts2" class="title" title="Applications and Tools"></span> <span aria-hidden="true" class="icon sprite-icons sprite-icons--square-gear"> <svg> <use xlink:href="/csdi-webpage/resources/2024-revamp/images/sprite-icons.svg#square-gear"></use> </svg> </span> </a> <ul class="page-home__sidebar-subitems"> <li> <div class="resource-card card card--link"> <div class="card-body"> <a class="card-text" href="https://usecases.csdi.geodata.gov.hk/?lang=en"> CSDI Use Cases </a> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/resources/csdi-use-cases.jpg"> <div class="card-icon"> <img alt="" class="resources--csdi-use-cases" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#resources--csdi-use-cases"> </div> <div class="card-badge card-badge--preset-new"> <span class="badge"> NEW <span class="visually-hidden">Application</span> </span> </div> </div> </li> <li> <div class="resource-card card card--link"> <div class="card-body"> <a class="card-text" href="https://tools.csdi.gov.hk/geoaddressfinder/?l=en"> GeoAddress Finder </a> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/resources/geoaddress-finder.jpg"> <div class="card-icon"> <img alt="" class="resources--geoaddress-finder" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#resources--geoaddress-finder"> </div> </div> </li> <li> <div class="resource-card card card--link"> <div class="card-body"> <a class="card-text" href="https://tools.csdi.gov.hk/geospatialiser/"> GeoSpatialiser </a> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/resources/geospatialiser.jpg"> <div class="card-icon"> <img alt="" class="resources--geospatialiser" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#resources--geospatialiser"> </div> </div> </li> <li> <div class="resource-card card card--link"> <div class="card-body"> <a class="card-text" href="https://geodata.gov.hk/gt/"> Geo-tagging Tool </a> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/resources/geo-tagging-tool.jpg"> <div class="card-icon"> <img alt="" class="resources--geo-tagging-tool" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#resources--geo-tagging-tool"> </div> </div> </li> <li> <div class="resource-card card card--link"> <div class="card-body"> <a class="card-text" href="https://3d.map.gov.hk/"> Open3Dhk </a> </div> <img alt="" class="card-img" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/content/resources/open3dhk.jpg"> <div class="card-icon"> <img alt="" class="resources--open3dhk" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/sprite-content.svg#resources--open3dhk"> </div> <div class="card-badge card-badge--preset-featured"> <span class="badge"> Featured <span class="visually-hidden">Application</span> </span> </div> </div> </li> </ul> </li> </ul> </aside> </div> <div class="site-overlay" id="overlay"></div>     </main> <footer class="site-footer"> <div class="container"> <div class="row align-items-end"> <div class="col-12 col-md-7 col-lg-8"> <nav aria-label="Footer Links" class="site-footer__nav"> <ul> <li> <a href="/csdi-webpage/ContactUs" id="ftContactUs">Contact Us</a> </li> <li> <a href="/csdi-webpage/info/SiteMap" id="ftSiteMap">Site Map</a> </li> <li> <a href="/csdi-webpage/Provider" id="ftProvider">Data Providers</a> </li> <li> <a href="/csdi-webpage/doc/TNC" id="ftTNC">Terms and Conditions</a> </li> <li> <a href="/csdi-webpage/info/FAQ" id="ftFAQ">FAQ</a> </li> </ul> </nav> </div> <div class="col-12 col-md-5 col-lg-4"> <div class="site-footer__info"> <div class="site-footer__copyright" id="ftCopyright"> Copyright © 2024 All rights reserved </div> <a class="site-footer__wcag" href="https://www.w3.org/WAI/WCAG2AA-Conformance" target="_blank" title="Explanation of WCAG 2 Level AA conformance"> <img alt="Level AA conformance, W3C WAI Web Content Accessibility Guidelines 2.0" src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/images/wcag2AA-v.svg"> </a> <span class="ftVersion" id="ftVersion" onload="getVersion('OPEN','VERSION')"></span> </div> </div> </div> </div> </footer> </div>   <div class="modal fade" id="successAlert" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title fs-5" id="successAlertTitle">Success</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div id="successAlertContent" class="modal-body"> Success </div> <div class="modal-footer"> <button id="successAlertClose" type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div>   <div class="modal fade" id="errorAlert" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title fs-5" id="errorAlertTitle">Error occur</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div id="errorAlertContent" class="modal-body"> Error message listed below: </div> <div class="modal-footer"> <button id="errorAlertClose" type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div>  <script src="https://static.csdi.gov.hk/csdi-webpage/resources/HKCSDI_files/custom.js"></script> <script src="https://static.csdi.gov.hk/csdi-webpage/resources/js/common.js"></script> <script src="https://static.csdi.gov.hk/csdi-webpage/resources/2024-revamp/js/script.js"></script> <script src="https://static.csdi.gov.hk/csdi-webpage/resources/js/_footer.js"></script> <script src="https://static.csdi.gov.hk/csdi-webpage/resources/js/home.js"></script> </body> </html>

CINXE.COM