arcgis api js入门

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查看执行效果;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值