ArcGISTiledMapServiceLayer

最新推荐文章于 2026-05-02 13:00:05 发布

转载最新推荐文章于 2026-05-02 13:00:05 发布 · 978 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/Jeely/p/11174674.html

标签

#移动开发

收录于

此博客展示了第一个JavaScript API应用，通过代码创建地图并加入底图。使用了ArcGIS相关服务，包含地图创建、底图服务URL设置等操作，为JavaScript API在地图应用方面提供了示例。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>第一个JavaScript API应用</title>
<link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css">
<style>
html, body, #mapDiv {
padding: 0;
margin: 0;
height: 100%;
}
</style>
<script src="http://js.arcgis.com/3.9/"></script>
<script>
require(["esri/map", "esri/layers/ArcGISTiledMapServiceLayer", "dojo/domReady!"], function (Map, ArcGISTiledMapServiceLayer) {
// 以下是创建地图与加入底图的代码
var map = new Map("mapDiv");
var agoServiceURL = "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer";
var agoLayer = new ArcGISTiledMapServiceLayer(agoServiceURL, { displayLevels: [0, 1, 2, 3, 4, 5, 6, 7] });
map.addLayer(agoLayer);
});
</script>
</head>
<body class="tundra">
<div id="mapDiv"></div>
</body>
</html>