基于arcgis api for js 的WebGis开发 - webgis吧

level 6

陈宇809 楼主

2014年08月06日 12点08分 1

level 6

陈宇809 楼主

2014年08月06日 13点08分 2

level 6

陈宇809 楼主

1、API的准备
（1）可以从ESRI官方网站下载然后部署到本地
http://www.esri.com/apps/products/download/index.cfm?fuseaction=download.all#ArcGIS_API_for_JavaScript
（2）也可以使用在线API

2014年08月06日 13点08分 3

level 6

陈宇809 楼主

2、开始第一个WebGis程序
（1）新建一个html 文件

2014年08月06日 13点08分 4

level 6

陈宇809 楼主

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="css/main.css" rel="stylesheet">
<link href="css/flotDiv.css" rel="stylesheet">
<link rel="stylesheet" href="http://js.arcgis.com/3.10/js/esri/css/esri.css">
<link rel="stylesheet" href="http://js.arcgis.com/3.10/js/dojo/dojox/grid/resources/Grid.css">
<link rel="stylesheet" href="http://js.arcgis.com/3.10/js/dojo/dojox/grid/resources/tundraGrid.css">
<script type="text/javascript">var djConfig = { parseOnLoad:true }; </script>
<style>
@import "http://js.arcgis.com/3.10/js/dojo/dijit/themes/claro/claro.css";
</style>
<script src="http://js.arcgis.com/3.10/"></script>
<script type="text/javascript">
var map;
require([
"esri/map"],function(Map){
var startExtent = new esri.geometry.Extent(108.78560670168798, 24.639410728722225, 114.25573469270196, 30.12914801606816, new esri.SpatialReference({ wkid: 4490 }));
var MyTiledMapServiceLayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://www.dzmap.cn/OneMapServer/rest/services/vector_service/MapServer");
map = new Map("map",{
fadeOnZoom: true,
slider:false,
logo:false,
nav:false
});
map.addLayer(MyTiledMapServiceLayer);
map.setExtent(startExtent);
});
</script>
</head>
<body class="claro">
<div id="map">
<div id="banner">
<div id="logo"></div>
</div>
<div id="toolbar">
<img id="zoomin" alet="" src="gisICON/放大24.png">
<img id="zoomout" alet="" src="gisICON/缩小24.png">
<img id="pan" alet="" src="gisICON/漫游24.png">
<img id="zoomprev" alet="" src="gisICON/上一视图24.png">
<img id="zoomnext" alet="" src="gisICON/下一视图24.png">
<img id="measure" alet="" src="gisICON/测量24.png">
<img id="clear" alet="" src="gisICON/清除24.png">
</div>
</div>
</body>
</html>

2014年08月13日 09点08分 5

level 6

陈宇809 楼主