快速上手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;
}))
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)