Lands ArcGIS Geocode Arcgis JS 4 (UAT)

Lands ArcGIS Geocode Arcgis JS 4 (UAT)

by LandsD Map API

HTML

<link rel="stylesheet" href="https://js.arcgis.com/4.18/esri/themes/light/main.css">
<script src="https://js.arcgis.com/4.18/"></script>
<div id="viewDiv"></div>

CSS

html,
body,
#viewDiv {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}

JavaScript

var apikey = "f4d3e21d4fc14954a1d5930d4dde3809";
    var hash = window.location.hash;
    require([
        "esri/intl",
        "esri/Map", "esri/Basemap", "esri/layers/VectorTileLayer",
        "esri/views/MapView",
        "esri/config",
        "esri/geometry/SpatialReference",
        "esri/geometry/Point",
        "esri/widgets/Search",
        "esri/tasks/Locator",
        "esri/widgets/Attribution"
    ], function (intl, Map, Basemap, VectorTileLayer, MapView, esriConfig, SpatialReference, Point, Search,
        Locator, Attribution) {

        intl.setLocale("en-HK");

        var basemapVTURL = "https://landsd.azure-api.net/dev/ags/map/basemap/VT/HK80";

        var mapLabelVTUrl = "https://landsd.azure-api.net/dev/ags/map/label-en/VT/HK80";

        //intl.setLocale("en-US");
        esriConfig.request.interceptors.push({
            before: function (params) {
                if (params.url.indexOf("landsd.azure-api.net") >= 0) {
                    if (params.requestOptions.query) {
                        params.requestOptions.query.key = apikey
                    } else {
                        params.requestOptions.query = {
                            key: apikey
                        }
                    }
                }
            },
            after: function (response) {
                if (!response.ssl) {
                    response.ssl = true;
                }
            }
        });

        var basemap = new Basemap({
            baseLayers: [
                new VectorTileLayer({
                    url: basemapVTURL
                })
            ]
        });

        var map = new Map({
            basemap: basemap,
        });

        var mView = new MapView({
            container: "viewDiv",
            map: map,
            zoom: 10,
            center: new Point(833359.88495, 822961.986247, new SpatialReference({
                wkid: 2326
            })),
        });

        map.add(new...