用arcgis for javascript 开发一个简单的二维地图(入门案例)

本文介绍了如何通过引入arcgis的CSS和JS库,使用AMD模块加载Map和MapView,创建地图并设定底图,创建二维视图,指定容器div,以及调整页面样式使地图全屏显示。示例代码展示了从头开始构建一个简单的Web地图应用的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

效果如图:
在这里插入图片描述

一、引入arcgis

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

2.加载模块

使用第二个标记从 API 加载特定模块。使用以下代码片段中的语法加载以下模块:

esri/Map- 加载特定于创建地图的代码
esri/views/MapView- 加载允许以 2D 方式查看地图的代码

<script>
 require([ "esri/Map", "esri/views/MapView" ], (Map, MapView) => {
     
   // Code to create the map and view will go here
 });
</script>

将 JavaScript 放在脚本标记中在构建简单页面或进行实验时很有用,但不适合大型应用程序。在构建更大的应用程序时,所有 JavaScript 都应该放在单独的.js文件中。

全局require()函数用于加载 API 的AMD模块

3.创建地图

使用 创建一个新地图Map,它是对从模块加载的 Map 类的引用esri/Map。basemap您可以通过将对象传递给 Map 构造函数来指定地图属性,例如。

require(["esri/Map", "esri/views/MapView"], (Map, MapView
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jieyucx

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值