您的位置：首页 > Web前端 > JavaScript

ArcGIS.Server.9.3和ArcGIS API for JavaScript实现基本的地图功能（一）

2009-07-05 12:05 841 查看
目的：
1.ArcGIS API for JavaScript实现基本的地图功能，包括2个地图服务的叠加显示、图层过滤定义、地图视图范围设置、地图鼠标移动事件等。
准备工作：
1.在ArcGIS.Server.9.3发布一个叫usa的Map Service，并且把这个Service启动起来。
2.瓦片数据地图我这里没有现成的就采用Esri提供的rest世界地图数据服务，地址如下：http://server.arcgisonline.com/ArcGIS/rest/services/NPS_Physical_World_2D/MapServer。
完成后的效果图：
<%@ WebHandler Language="C#" Class="jsapi" %>
2
3using System;
4using System.Web;
5using System.IO;
6
7
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Map</title>
<link rel="stylesheet" type="text/css" href="http://mypc/jsapi/js/dojo/dijit/themes/tundra/tundra.css" />
<script type="text/javascript" src="http://mypc/jsapi/?v=1.1"></script>
</head>
<body class="tundra">
<form id="form1" runat="server">
<table>
<tr>
<td><div id="map" style="width:600px; height:450px; border:1px solid #000;"></div></td>
<td valign="top"><div id="info" ></div><div id="info2" ></div></td>
</tr>
</table>

</form>
</body>
</html>

3.这种开发方式实在简单了就不详细描述了具体的看代码和注释了，需要注意的地方就是tiledMapServiceLayer和dynamicMapServiceLayer的添加顺序了，tiledMapServiceLayer和dynamicMapServiceLayer链接地址是rest服务地址了这个和flex api一样了，还有实际项目中最好采用纯hmtl的页面来开发了能节省服务器资源。
很简单就这样就完成了地图基本功能的开发。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航