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

最新推荐文章于 2023-08-23 13:46:37 发布

lt66ds

最新推荐文章于 2023-08-23 13:46:37 发布

阅读量909

点赞数

文章标签： Arcgis

虽然放暑假了，不过最近依然很忙，一边忙着准备电子设计大赛，一边跟随研究生师兄们要做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>

lt66ds

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Arcgis server Javascript API 官网相当于HelloWorld的完整版

虽然放暑假了，不过最近依然很忙，一边忙着准备电子设计大赛，一边跟随研究生师兄们要做Arcgis相关内容，看了一本ArcGIS Server JavaScript API的书，结果发现是针对Arcgis Server 9.3+ JavaScript API 1.5版本的，才过了三年，arcgis就全线升级到Arcgis Server 10.1+ JavaScript API 3.4了，不同版本的
复制链接

扫一扫