快速上手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;
}))