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

Arcgis server Javascript API 官网相当于HelloWorld的完整版

2013-07-15 20:06 239 查看

虽然放暑假了，不过最近依然很忙，一边忙着准备电子设计大赛，一边跟随研究生师兄们要做Arcgis相关内容，看了一本ArcGIS Server JavaScript API的书，结果发现是针对Arcgis Server 9.3+ JavaScript API 1.5版本的，才过了三年，arcgis就全线升级到Arcgis Server 10.1+ JavaScript
API 3.4了，不同版本的教程有些细节不一样让人觉得不爽，这方面的资料也不是很好找，干脆直接跟着官方的教程来吧，并稍作笔记注释。本篇虽然没什么原创性，但好歹算个开头，希望督促自己能在GIS方面修炼到随性实现需求的程度，至少能早点为团队贡献力量。

官方教程地址：
http://help.arcgis.com/EN/WEBAPI/JAVASCRIPT/ARCGIS/jstutorials/intro_firstmap.html

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">

<link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.4/js/esri/css/esri.css">
<script src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.4/"></script>
<!-- 为html,body,mapDiv的内容应用样式-->
<style>
html, body, #mapDiv {
padding: 0;
margin: 0;
height: 100%;
}
</style>

<script>
dojo.require("esri.map");
<!--引用esri.map模块-->
var map;
function init(){
map = new esri.Map("mapDiv", {
center: [-56.049, 38.485],
zoom: 3,
basemap: "streets"
});
<!--使用了arcgis Online的basemap街道页面,还可以选择
"satellite", "hybrid", "topo", "gray", "ocean", "osm", "national_geographic"-->
}

dojo.ready(init);
<!--页面初始化-->
</script>
<title></title>
</head>

<body class="claro">
<!-- http://serverapi.arcgisonline.com/jsapi/arcgis/3.4/js/dojo/dijit/themes/claro/claro.css http://serverapi.arcgisonline.com/jsapi/arcgis/3.4/js/dojo/dijit/themes/tundra/tundra.css http://serverapi.arcgisonline.com/jsapi/arcgis/3.4/js/dojo/dijit/themes/nihilo/nihilo.css http://serverapi.arcgisonline.com/jsapi/arcgis/3.4/js/dojo/dijit/themes/soria/soria.css
其余的四种样式
这个网址可以看到效果 http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html -->
<div id="mapDiv"></div>
</body>
<!--放置mapDiv容器-->
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航