S1.1 Arcgis Server Javascript API 介绍

最新推荐文章于 2020-07-16 11:42:06 发布

原创最新推荐文章于 2020-07-16 11:42:06 发布 · 514 阅读

0 ·

CC 4.0 BY-SA版权

arcgis server javascript api 专栏收录该内容

33 篇文章

订阅专栏

这篇博客介绍了如何使用ArcGIS Server JavaScript API创建地图。首先引入样式和API库，接着在body中创建div作为地图容器，然后用JavaScript初始化地图，并通过dojo.addOnLoad加载地图。最后，展示了如何添加两种图层：ArcgisTiledMapServiceLayer和ArcgisDynamicMapServiceLayer。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.引入样式
<style type = "text/css">
@import "http://serverapi.arcgisonline.com/jsapi/arcgis/1.5/js/dojo/dijit/themes/tundra/rundra.css";
</style>
2. 引入Arcgis Javascript ＡＰＩ
<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.5">
</script>
3. body区域增加一个div元素，用于显示地图
<body class="tundra">
<div id="mapDiv" style="position:relative;width:100%;height:100%;border:1px;solid:#000;">
</div>
</body>
4. 在head部分，使用javascript代码创建地图
<script type="text/javascript">
dojo.require("esri.map");
function init(){
var map = new esri.Map("mapDiv");
};
</script>
5. 加入dojo.addOnload方法
dojo.addOnLoad(init);
6. 在地图中加入图层, Arcgis server javascript api提供了两类图层，一类是实现做成地图切片的图层（缓存地图），另一类是需要根据参数动态生成地图的图层，分别对应的类ArcgisTiledMapServiceLayer 与 ArcgisDynamicMapServiceLayer
function init(){
var map = new esri.Map("mapDiv");
var tiledMapServiceLayer = new esri.layers.ArcgisTiledMapServiceLayer("http://server.arcgisonline.com/Arcgis/rest/services/esri_streetMap_world_2D/MapServer");
map.addLayer(tiledMapServiceLayer);
}