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

ArcGIS Server for JavaScript 3.3 的安装部署

2013-07-29 20:27 591 查看
一、安装包下载

  首先从官网下载ArcGIS API for JavaScript 3.3 的API SDK,地址:http://support.esrichina.com.cn/2011/0223/960.html,需要注意的是,想获取API和SDK,需要注册一个Esri全球账户。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>第一个地图应用</title>
<link rel="stylesheet" type="text/css"
href="http://192.168.1.100/arcgis_js_v33_api/library/3.3/jsapi/js/dojo/dijit/themes/tundra/tundra.css" />
<link rel="stylesheet" type="text/css"
href="http://192.168.1.100/arcgis_js_v33_api/library/3.3/jsapi/js/esri/css/esri.css" />
<script type="text/javascript"
src="http://192.168.1.100/arcgis_js_v33_api/library/3.3/jsapi/init.js"></script>
<script src="dojo/jsapi_vsdoc12_v33.js" type="text/javascript"></script>
<style type="text/css">
.MapClass {
width:1400px;
height:700px;
border: 1px solid #000;
}
</style>
<script type="text/javascript">
dojo.require("esri.map");
dojo.require("dijit.layout.ContentPane");
dojo.require("dijit.layout.BorderContainer");
function Init() {
var MyMap = new esri.Map("MyMapDiv");
var MyTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://www.arcgisonline.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer");
MyMap.addLayer(MyTiledMapServiceLayer)
}
dojo.addOnLoad(Init);
</script>
</head>
<body class="tundra">
<div id="MyMapDiv" class="MapClass"></div>
</body>
</html>


FirstMap.html
5. 运行程序

  程序运行之后效果图如下图所示:



部署成功

附赠:arcgisonline上的一些地址:http://server.arcgisonline.com/ArcGIS/rest/services
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: