【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")
            })
    })
复制代码

 

posted @   咸鱼翻身  阅读(1678)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
点击右上角即可分享
微信分享提示