Edit in JSFiddle

// resize map
const mapdiv = window['map-area'];
var margin;
if (document.all) {
  margin = parseInt(document.body.currentStyle.marginTop, 10) + parseInt(document.body.currentStyle.marginBottom, 10);
} else {
  margin = parseInt(document.defaultView.getComputedStyle(document.body, '').getPropertyValue('margin-top')) + parseInt(document.defaultView.getComputedStyle(document.body, '').getPropertyValue('margin-bottom'));
}
mapdiv.style.height = (window.innerHeight - margin) + 'px';

/////
var map

//var apikey = 'f4d3e21d4fc14954a1d5930d4dde3809' //landsd.azure-api.net starter key
var apikey = '584b2fa686f14ba283874318b3b8d6b0' //api.hkmapservice.gov.hk starter key

require([
  "dojo/dom",
  "esri/tasks/locator",
  "esri/dijit/Search",
  "esri/symbols/PictureMarkerSymbol",
  "esri/InfoTemplate",
  "esri/layers/ArcGISTiledMapServiceLayer",
  "esri/SpatialReference",
  "esri/geometry/Point",
  "esri/dijit/Popup",
  "esri/dijit/PopupTemplate",
  "esri/layers/FeatureLayer",
  "esri/map",
  "esri/dijit/Scalebar",
  "dijit/layout/BorderContainer",
  "dijit/layout/ContentPane",
  "dijit/TitlePane",
  "dijit/form/CheckBox",
  'dojo/_base/json',
  "dojo/domReady!"
], function(
  dom, Locator, Search, PictureMarkerSymbol, InfoTemplate,
  ArcGISTiledMapServiceLayer, SpatialReference, Point,
  Popup,
  PopupTemplate,
  FeatureLayer, Map, 
  Scalebar
) {

  var locatorUrls = [{
    name: 'Address',
    placeholder: 'Input Addresses',
    url: 'https://api.hkmapservice.gov.hk/ags/gc/loc/address'
  }, {
    name: 'Building',
    placeholder: 'Building Name',
    url: 'https://api.hkmapservice.gov.hk/ags/gc/ib1000/buildings/building'
  }, {
    name: 'Building Licence',
    placeholder: 'e.g BL 1/11',
    url: 'https://api.hkmapservice.gov.hk/ags/gc/ic1000/buildinglicence'
  }, 
  {
    name: 'Geo Community',
    placeholder: 'Input community Name',
    url: 'https://api.hkmapservice.gov.hk/ags/gc/loc/geocomm'
  }, {
    name: 'Place Point',
    placeholder: 'e.g Tsim Sha Tsui',
    url: 'https://api.hkmapservice.gov.hk/ags/gc/ib5000/poi/placepoint'
  }, {
    name: 'POI',
    placeholder: 'e.g Tsim Sha Tsui',
    url: 'https://api.hkmapservice.gov.hk/ags/gc/ib5000/poi/poipoint'
  }, {
    name: 'Site',
    placeholder: 'e.g. TAIKOO, WONG TAI SIN TEMPLE',
    url: 'https://api.hkmapservice.gov.hk/ags/gc/ib1000/buildings/site'
  }, {
    name: 'SubSite',
    placeholder: 'e.g. Wong Tai Sin',
    url: 'https://api.hkmapservice.gov.hk/ags/gc/ib1000/buildings/subsite'
  },  {
    name: 'Lot',
    placeholder: 'e.g SSTL 112,IL 10',
    url: 'https://api.hkmapservice.gov.hk/ags/gc/ic1000/lot'
  },  {
    name: 'GLA',
    placeholder: 'e.g gla-dn 110',
    url: 'https://api.hkmapservice.gov.hk/ags/gc/ic1000/gla'
  },
  {
    name: 'VGS',
    placeholder: 'e.g DLO/KW070',
    url: 'https://api.hkmapservice.gov.hk/ags/gc/ls/vacantgovsite'
  }, {
    name: 'Street Intersection',
    placeholder: 'e.g. Nathan Road',
    url: 'https://api.hkmapservice.gov.hk/ags/gc/loc/streetintersection'
  }, {
    name: 'Road',
    placeholder: 'e.g. Nathan Road',
    url: 'https://api.hkmapservice.gov.hk/ags/gc/ib1000/transportation/streetcentrelines'
  },{
    name: 'Local Control',
    placeholder: 'e.g. CM1/DN1819B',
    url: 'https://api.hkmapservice.gov.hk/ags/gc/sc/localcontrol'
  }, {
    name: 'GeodeticHControl',
    placeholder: 'e.g. 2001.001',
    url: 'https://api.hkmapservice.gov.hk/ags/gc/sc/GeodeticHControl'
  },{
    name: 'GeodeticVControl',
    placeholder: 'e.g. 200001',
    url: 'https://api.hkmapservice.gov.hk/ags/gc/sc/GeodeticVControl'
  },{
    name: 'Utility Point',
    placeholder: 'e.g. LPO-123,FWH-123,LPO-EBE/D/123 ',
    url: 'https://api.hkmapservice.gov.hk/ags/gc/ib1000/utilities/utilitypoint'
  }];

  var bLayer = new ArcGISTiledMapServiceLayer('https://api.hkmapservice.gov.hk/ags/map/basemap/HK80?key=' + apikey, {
    showAttribution: true
  });
  var bLabelLayer = new ArcGISTiledMapServiceLayer('https://api.hkmapservice.gov.hk/ags/map/label-tc/HK80?key=' + apikey);

  var _map = new Map("map-area", {
    center: new Point(823100,831200, new SpatialReference({ wkid: 2326 })),
    showAttribution: true,
    zoom: 11,
    minZoom: 10,
    maxZoom: 19
  });
  /*
  var attrib = new Attribution({map:_map},"attributionDiv");
     attrib.itemDelimiter = ",";
     attrib.itemNodes = "itemNodes";
     attrib.startup();
  */
  _map.addLayer(bLayer);
  _map.addLayer(bLabelLayer);

  //Search Input Box
  var search = new Search({
    sources: [],
    map: _map,
    enableSearchingAll: true,
    autoComplete: true,
    value: ""
  }, "search");

  search.on("load", function() {
    var _sources = search.sources;

    for (var _intI = 0; _intI < locatorUrls.length; _intI++) {
      var _name = locatorUrls[_intI].name;
      var _url = locatorUrls[_intI].url + '?key=' + apikey;
      var _placeholder = locatorUrls[_intI].placeholder;
      _sources.push({
        locator: new Locator(_url),
        singleLineFieldName: "SingleLine",
        outFields: ["*"],
        name: _name,
        placeholder: _placeholder,
        highlightSymbol: new PictureMarkerSymbol("https://js.arcgis.com/3.19/esri/dijit/Search/images/search-pointer.png", 36, 36).setOffset(9, 18),
        //Create an InfoTemplate
        infoTemplate: new InfoTemplate("${Loc_name}", "Address: ${Match_addr} <BR> Info: ${Descr}"),
        maxResults: 20,
        maxSuggestions: 20,
        enableSuggestions: true
      });
    }
    search.set("sources", _sources);
  });

  search.on('select-result', function(e) {
    //Selected results    
    //console.log("selected:")
    //console.log(search.searchResults);
    //search.searchResults
  });

  search.on('blur', function(e) {
    //Search box lost focus
    //console.log ('blur');
  });

  search.on('search-results', function(e) {
    //Get Search results
    //console.log ('search results', e);
  });

  search.on('suggest-results', function(e) {
    //Get Suggest results
    /*for (rst in e.results) {
		      if (rst == "5") 
		         for (var intI=0; intI< e.results[rst].length; intI++)
			            e.results[rst][intI].magicKey='';
     } */
  });

  search.startup();

  _map.on('load', function(event) {
    const attr = document.getElementsByClassName('esriAttribution')[0];
    if (attr) {
      attr.parentNode.insertBefore(landsdlogo, attr.nextSibling);
    }
  });
});
 html,
 body,
 #map-area {
   //height: 100%;
   //width: 100%;
   margin: 2;
   padding: 2;
 }
 
 #search {
   display: block;
   position: absolute;
   z-index: 2;
   top: 30px;
   left: 75px;
 }

.logo-med {
    width: 46px !important;
    height: 22px !important;
    background-image: url(https://js.arcgis.com/3.20/esri/images/map/logo-sm.png) !important;
    }

#landsdlogo {
  display: inline-block;
  vertical-align: bottom;
  width: 25px;
  height: 25px;
  background: url(https://mapapis01.blob.core.windows.net/images/landsdlogo.jpg);
  background-repeat: no-repeat;
  background-size: 25px 25px;
}

.esriAttribution {
  background: transparent;
}
<script src="https://js.arcgis.com/3.20/"></script>
<div id="search"></div>
<div id="map-area"></div>
<div id="landsdlogo" class="landsdlogo"></div>

External resources loaded into this fiddle: