<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>第一个地图应用</title>
<link rel="stylesheet" href="https://js.arcgis.com/3.17/esri/css/esri.css">
<script src="https://js.arcgis.com/3.17/"></script>
<style type="text/css">
.MapClass
{ width:900px;
height:600px;
border:1px solid #000;
}
</style>
<script type="text/javascript">
dojo.require("esri.map");//块加载地图组件
dojo.addOnLoad(function ()
{
var MyMap = new esri.Map("MyMapDiv");//初始化地图对象
/**
*常用的图层对象有三种,分别是ArcGISTiledMapServiceLayer瓦片地图服务图层;
*ArcGISDynamicMapServiceLayer动态地图服务图层;ArcGISImageServiceLayer 影像地图服务图层;
*/
var MyTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer
("http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer");//瓦片地图服务地址
MyMap.addLayer(MyTiledMapServiceLayer);
/*
*或者
*/
//var MyDynamicMapServiceLayer = new esri.layers.ArcGISDynamicMapServiceLayer
//("http://map.geoq.cn/ArcGIS/rest/services/Thematic_Drawings/MapServer");//动态地图服务地址
// MyMap.addLayer(MyDynamicMapServiceLayer);
/*
*或者
*/
//var MyArcGISImageServiceLayer = new esri.layers.ArcGISImageServiceLayer
//();//影像地图服务地址
//MyMap.addLayer(MyArcGISImageServiceLayer);
}
);
</script>
</head>
<body class="tundra">
<div id="MyMapDiv" class="MapClass"></div>
</body>
</html>