1、首先从arcgis官网下载程序需要的api依赖文件保存在本地;
2、创建html页面,分别在<head></head>引入esri.css和esri.js(官网命名是:init.js);
3、创建id="map"的div元素,编写javascript代码;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>arcgis api for js入门</title>
<link rel="stylesheet" href="css/esri.css" />
<script type="text/javascript" src="js/esri.js"></script>
</head>
<body>
<div id="map"></div>
<script>
require([
"esri/map",
"esri/layers/ArcGISTiledMapServiceLayer",
"dojo/domReady!"
], function(
Map,
ArcGISTiledMapServiceLayer
) {
//实例化map对象
var map = new Map("map");
//arcgis Server发布的切片地图服务
var agoServiceURL = "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer";
//实例化ArcGISTiledMapServiceLayer图层
var agoLayer = new ArcGISTiledMapServiceLayer(agoServiceURL);
//将agoLayer图层添加到map对象
map.addLayer(agoLayer);
});
</script>
</body>
</html>
4、运行index.html查看执行效果;