快速上手JS API

官方文档

一、引入js、css

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

二、加载模块

require([
        "esri/Map",
        "esri/views/SceneView"
    ],(
        Map,SceneView
    )=>{
        ......
    })

三、写代码

require([
        "esri/Map",
        "esri/views/SceneView"
    ],(
        Map,SceneView
    )=>{
        const map = new Map(
            {
                basemap:'osm'
            }
        );
        const view = new SceneView({
            container:'viewDiv',
            map:map
        })
    })

四、结果

五、总结

a.require加载模块时,模块与参数需要一一对应,位置不可以乱;

b.new Map()时可以不设basemap

c.basemap 除了开源在线地图,也可以第三方地图做底图,如下:

// 首先使用对应对象类型加载底图
const tileLayer= new TileLayer({ url: '...'})
// 创建底图对象
const basemapLayer = new Basemap({baseLayers:[tileLayer]})
// 绑定到map对象中
const map = new Map({
    basemap: basemapLayer
});
// 注意底图坐标系与加载图层坐标系需要一致

d.多个图层加载 map.addMany([sceneView1,sceneView2,sceneView3]);

e.待图层加载完成后再执行的操作

//要素图层完成layer初始化
featureLayer.when((function () {
    // 将要素图层完整范围赋值给视图
    view.extent = featureLayer.fullExtent;
}))
posted @   槑孒  阅读(38)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
点击右上角即可分享
微信分享提示