ArcGis-javaScript最全的中文API.docx_arcgisjsapi中文版资源-CSDN文库

Arcgis

3星 · 超过75%的资源需积分: 2 75 浏览量 2017-10-17 10:59:21 上传评论 2 收藏 300KB DOCX 举报

资源详情

资源评论

ArcGis-for-javaScript 最全中文 API

1.示例概述

这些示例展示了如何使用  的各种功能。每个示例页包含一个在线的演示，示例里做了什么的描述和源代码。查看视频展示如何拷贝示例代码并在机器上运行。

这些示例使用一颗星，两颗星或三颗星对相关复杂度进行了分类。如果刚刚学习 ，从一颗星示例开始可以更好的理解示例。在很多情况下，可以扩展或合并示例来为自己

的应用创建一个起始点。查看视频来学习如何创建起始点。

示例使用的服务来自  示例服务器和 和 。能够在自己的测试应用中使用来自  示例服务器上的服务来学习 。也可以在自己的应用

中使用  图层。使用条款见  的首页。

2.地图

2.1 加入一个地图

描述

这个示例显示  的一个地图。 地图是缓存的，意味着它有服务器管理员建来提升性能的一组预先渲染的切片。由于这个原因地图通过

 



表示。

如果地图服务没有一个可用的缓存，使用 !   。如果不知道地图服务是否有缓存可用，使用 !"



寻找。

注意切片地图服务图层的构造函数包含服务的 #$%&&'"'"&&&&( ()"(!&，使用 !"



找到自己的地

图服务的 #。

这行加入  地图

map.addLayer(tiledMapServiceLayer);

代码

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

<html>

<head>

<title>Create Map</title>

tundra.css">

dojo.require("esri.map");

function init() {

var map = new esri.Map("map");

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

ESRI_Imagery_World_2D/MapServer");

map.addLayer(tiledMapServiceLayer);

}

dojo.addOnLoad(init);

</script>

</head>

Creates a map and adds an ArcGISTiledMapServiceLayer.<br />

Map navigation using mouse:

<ul>

<li>SHIFT + Click to recenter</li>

<li>Mouse Scroll Forward to zoom in</li>

<li>Mouse Scroll Backward to zoom out</li>

<li>Use Arrow keys to pan</li>

<li>+ key to zoom in a level</li>

<li>- key to zoom out a level</li>

<li>Double Click to Center and Zoom in</li>

</ul>

</body>

</html>

2.2 加入地图并显示当前地图范围

描述

这个示例使用 '*"



属性接收地图范围的左下角和右上角坐标 +书签+。

使用下列行创建地图%

var map = new esri.Map("map");

上面行中++出现了三次。第一次是对象的名称，第二次 '是类的名称,第三次++是将包含地图的 !- 的名称。

这个示例加入一个  



到底图，表示一个 $  地图服务，但是也可以使用 !   。这种方式接收的地图的范围是相

同的。

注意切片地图服务层的构造函数需要服务的  端点的 #$%&&'"'"&&&&(()"(!&。可以使用 

!"



找到地图服务的 #。

下行代码为地图的 showExtent 事件增加了一个事件监听器：

dojo.connect(map, "onExtentChange", showExtent);

这意味着如果地图的范围被修改，回调函数 showExtent 将被调用。showExtent 函数构建一个包含地图的两个角的坐标的字符串。

"./"0*'*,*' 

#$"0*'**,*' *

这两个角是需要知道用于地图的边界框的。showExtent 函数的最后一行通过增加完整的字符串到1/"1!- 在页面上显示坐标%

dojo.byId("info").innerHTML = s;

代码

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

<html>

<head>

<title>Create Map</title>

tundra.css">

dojo.require("esri.map");

function init() {

var map = new esri.Map("map");

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

ESRI_StreetMap_World_2D/MapServer");

map.addLayer(tiledMapServiceLayer);

dojo.connect(map, "onExtentChange", showExtent);

}

function showExtent(extent) {

var s = "";

s = "XMin: "+ extent.xmin + " "

+"YMin: " + extent.ymin + " "

+"XMax: " + extent.xmax + " "

+"YMax: " + extent.ymax;

dojo.byId("info").innerHTML = s;

}

dojo.addOnLoad(init);

</script>

</head>

Creates a map and adds an ArcGISTiledMapServiceLayer. On map onExtentChanged event you should see the extent printed below the

map.<br />

Map navigation using mouse:

<ul>

<li>SHIFT + Click to recenter</li>

<li>SHIFT + Drag to zoom in</li>

<li>SHIFT + CTRL + Drag to zoom out</li>

<li>Mouse Scroll Forward to zoom in</li>

<li>Mouse Scroll Backward to zoom out</li>

<li>Use Arrow keys to pan</li>

<li>+ key to zoom in a level</li>

<li>- key to zoom out a level</li>

<li>Double Click to Center and Zoom in</li>

</ul>

</body>

</html>

2.3 加入地图并显示 x,y 坐标

描述

这个示例报告了用户在地图上悬停和拖拽鼠标的鼠标指针坐标。通过事件监听器来更新鼠标移到的 * 和坐标。

下行代码创建了地图：

var map = new esri.Map("map");

这个示例加入一个  



同的。

!"



找到地图服务的 #。

这两行代码增加了事件监听器到地图。一个监听器为了 ""2" ，另外一个为了 ""2! ，但是他们都是调用函数 showCoordinates%

dojo.connect(map, "onMouseMove", showCoordinates);

dojo.connect(map, "onMouseDrag", showCoordinates);

这些事件都传递地图点坐标到 showCoordinates 函数。下列代码是函数如何获得坐标并写到+/"+标签：

var mp = evt.mapPoint;

dojo.byId("info").innerHTML = mp.x + ", " + mp.y;

代码

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

<html>

<head>

<title>Create Map Display Mouse Coordinates</title>

tundra.css">

dojo.require("esri.map");

function init() {

var map = new esri.Map("map");

dojo.connect(map, "onLoad", function() {

//after map loads, connect to listen to mouse move & drag events

dojo.connect(map, "onMouseMove", showCoordinates);

dojo.connect(map, "onMouseDrag", showCoordinates);

});

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

ESRI_StreetMap_World_2D/MapServer");

map.addLayer(tiledMapServiceLayer);

}

function showCoordinates(evt) {

//get mapPoint from event

var mp = evt.mapPoint;

//display mouse coordinates

dojo.byId("info").innerHTML = mp.x + ", " + mp.y;

}

dojo.addOnLoad(init);

</script>

</head>

</div>

</body>

</html>

2.4 加入动态地图

描述

这个示例展示了增加一个按用户缩放或平移服务器每次绘制的地图。这样的地图没有切片的 $



并被调用一个动态地图服务图层。 !  



表示 

 动态地图服务。

动态地图服务执行效率比切片地图服务慢。如果不能创建一个切片的缓存，只能使用动态地图服务。如果数据修改比更新缓存要快，可能不能创建一个缓存，或者需要实时数据的显示。

下行代码创建了地图：

var map = new esri.Map("map");

注意动态地图服务图层的构造函数需要服务的  端点的 #$%&&'"'"&&&&!"$&("2"()"&'可

以使用 !"



找到地图服务的 #。

注意图层使用 



方法设置半透明的。然后用地图的  



方法增加图层到地图。

dynamicMapServiceLayer.setOpacity(0.5);

map.addLayer(dynamicMapServiceLayer);

代码

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

<html>

<head>

<title>Create Map</title>

tundra.css">

dojo.require("esri.map");

function init() {

var map = new esri.Map("map");

var imageParameters = new esri.layers.ImageParameters();

imageParameters.format = "png24"; //set the image type to PNG24, note default is PNG8.

//Takes a URL to a non cached map service.

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

services/Demographics/ESRI_Population_World/MapServer", {"opacity":0.5, "imageParameters":imageParameters});

map.addLayer(dynamicMapServiceLayer);

}

dojo.addOnLoad(init);

</script>

</head>

Creates a map and adds an ArcGISDynamicMapServiceLayer.<br />

Map navigation using mouse:

<ul>

<li>SHIFT + Click to recenter</li>

<li>SHIFT + Drag to zoom in</li>

<li>SHIFT + CTRL + Drag to zoom out</li>

<li>Mouse Scroll Forward to zoom in</li>

<li>Mouse Scroll Backward to zoom out</li>

<li>Use Arrow keys to pan</li>

<li>+ key to zoom in a level</li>

<li>- key to zoom out a level</li>

<li>Double Click to Center and Zoom in</li>

</ul>

</body>

</html>

2.5 加入两个动态地图

描述

这个示例表现如何加两个动态地图到一个地图。动态服务按用户缩放或平移服务器每次绘制的地图， !  



表示  动态地图服务。不像切片

地图服务，动态地图服务没有一个预先渲染的图片切片的 $ 。由于这个原因，动态地图服务比切片地图服务慢，但是对显示常常修改的和实时的数据是很有用的。

图层顺序由 ' 



方法调用的顺序决定。第一个被增加的图层被放置在下方。后来的图层放置在上面。在这个示例中，# 人口普查的国家图层被放置在堪萨斯州石油和天然气图层上

方。

注意图层使用 



方法设置半透明的。

dynlayer2.setOpacity(0.5);

代码

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

<html>

<head>

<title>Create Map</title>

tundra.css">

dojo.require("esri.map");

function init() {

var map = new esri.Map("map");

剩余63页未读，继续阅读

评论收藏

内容反馈

单线程生物

2018-07-05

很详细但是是1.5的api，现在都4.7了

ArcGis-javaScript最全的中文API.docx

评论1

最新资源

ArcGis-javaScript最全的中文API.docx

评论1

最新资源

相关推荐

ArcGis-for-javaScript最全中文API.docx

ArcGis-for-javaScript最全中文API.pdf

ArcGis-javascript最全中文API

ArcGisforjavaScript最全中文API

ArcGis-for-javaScript最全中文API

ArcGIS API for Javascript JS 中文版 汉化版

ArcGIS API for Javascript（中文版！！）

ARCGIS API for JavaScript 开发文档 完整版

arcgis api for javascript 中文帮助文档和demo

ArcGIS API for Javascript 中文版

ArcGIS API for Javascript 开发基础教程中文版

arcgis api for js 3.25的api文档

ArcGis javascript中文帮助文档+源码

arcGis for javascript4.8如何中文地图调用与切换

ArcGIS API for JavaScript v4.10 离线库文件与官方文档

arcgis api for javascript 3.23实现的简单编辑功能

ArcGIS API for Javascript 中文版，有实例，入门介绍（1.5版本）

Arcgis Javascript API 动态标绘。

arcgis 手册 中文书

ArcGIS API for JavaScript 4.11 官方帮助文档 与示例 离线版

arcgis api for js 引用包

arcgis javascript API帮助文档（包括例子）

ArcGIS API for JavaScript 3.27 API + SDK 资源包

arcgis for js api汉化离线版,很有参考价值

arcgis JavaScript api proxy

ArcGIS API for Javascript JS 中文版汉化版

ARCGIS API for JavaScript 开发文档完整版

arcgis 手册中文书

ArcGIS API for JavaScript 4.11 官方帮助文档与示例离线版