【GIS】ArcGIS JS 4.X

require(["esri/Map",
    "esri/views/SceneView",
    "esri/TileLayer/TdtMapLayer/TdtAnoMapLayer",
    "esri/config",
    "esri/layers/FeatureLayer",
    "esri/widgets/Legend",
    "dojo/domReady!"],
    function (e, t, i, a, n, s) {
        var r = {
            type: "simple",
            symbol: { type: "web-style", styleName: "esriRealisticTreesStyle", name: "Other" },
            label: "tree",
            visualVariables: [{ type: "size", axis: "height", field: "Height", valueUnit: "feet" },
            { type: "size", axis: "width", field: "Width_EW", valueUnit: "feet" },
            { type: "size", axis: "depth", field: "Width_NS", valueUnit: "feet" },
            {
                type: "color", field: "C_Storage", stops: [{ value: 0, color: "#f7fcb9" },
                { value: 1e4, color: "#31a354" }], legendOptions: { title: "Carbon Storage" }
            }]
        },
            o = new n({
                url: "https://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/Landscape_Trees/FeatureServer/0",
                renderer: r, outFields: ["*"],
                popupTemplate: {
                    title: "{Cmn_Name}",
                    content: "<i>{Sci_Name}</i><br>This tree is in {Condition} condition and is {Height} feet in height."
                }
            }),
            l = new e({ basemap: "satellite", ground: "world-elevation", layers: [o] })
        if (a.request.corsEnabledServers.push("services.arcgisonline.com",
            "t0.tianditu.cn", "t1.tianditu.cn", "t2.tianditu.cn", "t3.tianditu.cn",
            "t4.tianditu.cn", "t5.tianditu.cn", "t6.tianditu.cn", "t7.tianditu.cn", "t8.tianditu.cn"),
            "undefined" == typeof BaseMapTile || null == BaseMapTile) {
            var d = i.InitTdtAnoMap()
            BaseAnoTile = new d({
                urlTemplate: "http://t{num}.tianditu.cn/cia_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={z}&TileRow={y}&TileCol={x}&style=default&format=tiles"
            }), l.layers.add(BaseAnoTile)
        }
        var c = new t({
            container: "MtMap", map: l,
            camera: {
                position: {
                    x: -9177356, y: 4246783, z: 723,
                    spatialReference: { wkid: 3857 }
                }, heading: 0, tilt: 83
            },
            popup: { dockEnabled: !0, dockOptions: { breakpoint: !1 } },
            environment: { lighting: { directShadowsEnabled: !0 } }
        })
        this.MenuNav(), this.MenuMap(), c.ui._removeComponents(["attribution"]), c.ui._removeComponents(["attribution"]),
            c.when(function () { })["catch"](function () {
                JQuery("#MtMap").css("display", "none"),
                JQuery("#NotSupportedDiv").css("display", "block")
            })
    })