ArcGIS JavaScript API完全中文指南

2星需积分: 9 105 浏览量更新于2024-07-20 收藏 341KB DOCX 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

"gisweb ArcGis-for-javaScript最全中文API" ArcGIS for JavaScript API 是一款用于构建地理信息系统（GIS）Web 应用的强大工具，由Esri公司开发。这个API允许开发者在Web浏览器中集成地图、地理数据以及地理处理功能。本资源提供了最全面的中文API文档，便于中国开发者理解和使用。 1. 示例概述 ArcGIS for JavaScript API 的示例集涵盖了API的多种功能，包括地图展示、图层操作、交互式功能等。每个示例都有在线演示、详细描述以及源代码，方便学习和实践。对于初学者，可以从标记为一星级的简单示例开始，逐步进阶到更复杂的二星级和三星级示例。此外，这些示例可以作为基础，用于构建自定义的应用程序。 2. 地图 2.1 加入一个地图在ArcGIS for JavaScript API 中，可以通过两种主要方式添加地图：ArcGISServer的地图服务和ArcGIS Online的图层。如果地图服务已缓存，应使用ArcGISTiledMapServiceLayer，否则可选择ArcGISDynamicMapServiceLayer。开发者可以使用ServicesDirectory工具来查询地图服务的详细信息，包括URL。以下是一段示例代码，展示如何添加一个切片地图服务图层： ```html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=7"/> <title>添加地图示例</title>  <script src="https://js.arcgis.com/4.x/"></script> <script> require([ "esri/Map", "esri/layers/TiledMapServiceLayer", "dojo/domReady!" ], function(Map, TiledMapServiceLayer) { var map = new Map("mapDiv", { basemap: null // 清除默认底图 }); var tiledMapServiceLayer = new TiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer"); map.addLayer(tiledMapServiceLayer); }); </script> </head> <body> <div id="mapDiv" style="height: 500px; width: 100%;"></div> </body> </html> ``` 在这个例子中，我们首先引入了ArcGIS JavaScript API 和必需的模块，然后创建了一个Map对象，并添加了一个TiledMapServiceLayer实例。地图服务的URL被提供给TiledMapServiceLayer的构造函数，然后将其添加到地图对象中。最后，我们在页面上创建了一个`mapDiv`元素，用于展示地图。开发者可以根据需要调整代码，使用自己的地图服务URL，或者集成其他图层和功能。通过这种方式，可以创建各种定制化的Web GIS应用，满足不同的业务需求。记得在使用Esri提供的服务时，要遵守ArcGIS Online的使用条款。

资源详情

资源推荐

dojo.require("esri.map");

function init() {

// In this sample i am pulling out levels 9 through 15 of the ESRI_Imagery_World_2D

// map service. Once the map has been created the level ids will be reset (0-8).

var lods = [ {"level" : 8, "resolution" : 0.001373291015625, "scale" : 577143.747208662},

{"level" : 9, "resolution" : 0.0006866455078125, "scale" : 288571.873604331},

{"level" : 10, "resolution" : 0.00034332275390625, "scale" : 144285.936802165},

{"level" : 11, "resolution" : 0.000171661376953125, "scale" : 72142.9684010827},

{"level" : 12, "resolution" : 8.58306884765629E-05, "scale" : 36071.4842005414},

{"level" : 13, "resolution" : 4.29153442382814E-05, "scale" : 18035.7421002707},

{"level" : 14, "resolution" : 2.14576721191407E-05, "scale" : 9017.87105013534},

{"level" : 15, "resolution" : 1.07288360595703E-05, "scale" : 4508.93552506767}];

var map = new esri.Map("map", {

extent: new esri.geometry.Extent({xmin:-116.61,ymin:33.57,xmax:-115.2,ymax:34.3,spatialReference:{wkid:4326}}),

lods: lods

});

dojo.connect(map, "onExtentChange", function(extent, delta, outLevelChange, outLod) {

dojo.byId("scale").innerHTML = "LOD Level: <i>" + outLod.level

+ "</i> Resolution: <i>" + outLod.resolution

+ "</i> Scale: <i>" + outLod.scale + "</i>";

});

map.addLayer(new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/

ESRI_Imagery_World_2D/MapServer"));

map.addLayer(new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/Reference/

ESRI_BoundariesPlaces_World_2D/MapServer"));

}

dojo.addOnLoad(init);

</script>

</head>

</div>

</body>

</html>

2.11 设置自定义范围和空间参考

描述

这个示例展示了在创建地图时如果定义一个自定义的范围和空间参考。

在  的 '9 和 ' 版本，任何要使用的地图服务图层都需要和地图的空间参考一致。' 版本开始，可以使用和地图不同的空间参考的动态地图服务。虽然这提供了图层使

用上的更多的弹性，但是投影会影响性能。

地图中的缓存图层必须仍和地图的空间参考保持一致。

注意考范围通过空间参被指定为地图单位（在本例中，是米）。

代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<head>

<title>Dynamic Map Service Layer with Custom Projection and Extent</title>

tundra.css">

dojo.require("esri.map");

function init() {

var customExtentAndSR = new esri.geometry.Extent(-20037506,-9823074,20037506,10214431,new esri.SpatialReference({"wkid":54052}));

//create map with new custom spatial reference and extent. The map will be in the Goode Homolosine Land projection

var map = new esri.Map("map", {extent:customExtentAndSR});

//map service layer has a default spatial reference of 4326.

var mapServiceLayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/

Demographics/ESRI_Population_World/MapServer");

map.addLayer(mapServiceLayer);

}

dojo.addOnLoad(init);

</script>

</head>

<body>

<div id="map" class="tundra" style="position:relative; width:1024px; height:512px; border:2px solid #000;background-

color:#99CCFF;"></div>

</body>

</html>

2.12 显示地图属性

描述

本例展示了如哦读取地图和图层的属性和返回信息给用户。本例中的四个按钮允许用户接收地图属性。每个按钮调用不同的函数。

 Get All Map Layers=这个按钮调用 getMapLayers 函数，循环地图里的每个图层并在报警框中报告  ! ，8



和 "



信息

 Get SR=这个按钮调用 getSR 函数，在报警框中报告地图的空间参考的 )>!。

 Get Scales for portlandParcels=这个按钮调用函数 getScales，在地图服务图层的 " 切片中报告关于每个比例级别。该函数使用

 '/"



属性，这个属性能显示 $



里有多少个比例级别，级别是什么比例的，每个比例的分辨率是什么。

 Get Map Width Height=这个按钮调用函数 getMapWidthHeight，在报警框里报告地图的 .$



和 $$ ，单位是像素。

代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>ArcGIS JavaScript API Map Layer</title>

tundra.css">

dojo.require("esri.map");

var myMap, portlandParcels, transportation, census;

function init() {

myMap = new esri.Map("mapDiv");

portlandParcels = new esri.layers.ArcGISTiledMapServiceLayer("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/

Portland/Portland_ESRI_LandBase_AGO/MapServer");

myMap.addLayer(portlandParcels);

transportation = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/Reference/

ESRI_Transportation_World_2D/MapServer", {"id":"agoreference", "opacity":0.5});

myMap.addLayer(transportation);

census = new esri.layers.ArcGISDynamicMapServiceLayer("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/

ESRI_Census_USA/MapServer", {"id":"census","opacity":0.5});

myMap.addLayer(census);

}

function getMapLayers() {

for (var j=0, jl=myMap.layerIds.length; j<jl; j++) {

var currentLayer = myMap.getLayer(myMap.layerIds[j]);

alert("id: " + currentLayer.id + ", visible: " + currentLayer.visible + ", opacity: " + currentLayer.opacity);

}

function getSr() {

alert("Spatial Reference WKID: " + myMap.spatialReference.wkid);

}

function getScales() {

var tileInfo = portlandParcels.tileInfo;

var scales = "";

for (var j=0, jl=tileInfo.lods.length; j<jl; j++) {

var level = tileInfo.lods[j].level;

var scale = tileInfo.lods[j].scale;

var resolution = tileInfo.lods[j].resolution;

scales = scales + "level: " + level + ", scale: " + scale + ", resolution: " + resolution + "\n";

}

alert(scales);

}

function getMapWidthHeight() {

alert("Width = " + myMap.width + "; Height = " + myMap.height);

}

dojo.addOnLoad(init);

</script>

</head>

Simple example illustrating working with map and layer properties<br />

</body>

</html>

2.13 用第二个服务的范围设置地图范围

描述

本例展示了如何设置地图的范围为地图其中一个图层的范围。本例有两个图层： 上的世界地图图层  



和堪萨斯州的要素的图层

!  。本例展示了如何设置地图总是以堪萨斯州范围开始。

代码包含两个事件监听器，一个是为了每个图层。这些监听器帮助记录多少图层被加载。当图层计数是 ，createMapAddLayers 函数被调用。这个函数创建一个地图，设置地图范围是

 （堪萨斯州服务）的范围：

myMap = new esri.Map("mapDiv", { extent:myService2.fullExtent });

地图被创建以后，图层被增加。注意加载图层和增加图层不是一回事。在本例中，地图被创建前图层加载，地图创建以后图层被加到地图里。

直到所有图层被加载前要避免访问地图属性。如果代码中没有包含事件监听器，有可能在   完全加载前地图就会尝试去设置它的范围，这回引起意想不到的结果。

代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

剩余63页未读，继续阅读

pp880509

粉丝: 3
资源: 9

ArcGIS JavaScript API完全中文指南

ArcGis-javascript最全中文API

ArcGIS JavaScript api 官方示例源代码

arcgis JavaScript api proxy

arcgis-for-javascript最全中文api.pdf

ArcGIS API for JavaScript 中文教程

arcgis api for javascript vue

ArcGIS API for JavaScript

arcgis api for javascript 3.17版本函数库下载

arcgis api for javascript 4.17下载

arcgis api for javascript安装

ArcGIS API for JavaScript出现中文乱码怎么办

arcgis api for javascript proxy 代理配置 .net

arcgis api for javascript下载

terraformer-arcgis-parser

arcgis api for javascript书籍

vue arcgis api for javascript

arcgis API for JS

如何使用ArcGIS API for JavaScript

arcgis api for javascript

arcgis api for j

最新资源