ArcGIS api for javascript——创建地图
描述
这个示例显示ArcGIS Server的一个地图。ArcGIS Server地图是缓存的，意味着它有服务器管理员建来提升性能的一组预先渲染的切片。由于这个原因地图通过 ArcGISTiledMapServiceLayer表示。
如果地图服务没有一个可用的缓存，使用 ArcGISDynamicMapServiceLayer。如果不知道地图服务是否有缓存可用，使用 Services Directory寻找。
注意切片地图服务图层的构造函数包含服务的URL(http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer)，使用Services Directory找到自己的地图服务的URL。
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Create Map</title>
<link rel="stylesheet" type="text/css" href="styles.css"
href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.6/js/dojo/dijit/themes/tundra/tundra.css">
<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.6"></script>
<script type="text/javascript">
dojo.require("esri.map");//基础载体
function init(){
var map = new esri.Map("map");
//根据服务的URL创造切片地图服务层对象
var tiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer(
"http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer"
//"http://map.51240.com"
//"http://10.10.10.210:6080/arcgis/rest/services/test/zhengzhou526/MapServer"
);
map.addLayer(tiledMapServiceLayer);//添加地图服务：切片地图服务层
}
dojo.addOnLoad(init);
</script>
</head>
<body class="tundra"><!-- dojo特有的风格 -->
<div id="map" style="width:900px;height:600px;border:1px solid #000"></div>
Creates a map and adds an ArcGISTileMapServiceLayer.<br/>
Map navigation using mouse:
<ul>
<li>Drag to pan</li>
<li>SHIFT + Click to recenter</li>
<li>Mouse Scroll Forward to zoom in</li>
<li>Mouse Scroll Backward to zoom out</li>
<li>Use Arrow keys to pan</li>
<li>+ Key to zoom in a level</li>
<li>- Key to zoom out a level</li>
<li>Double Click to Center and Zoom in</li>
</ul>
</body>
</html>
