ArcGisjavaScript最全的中文APIWord格式.docx

ArcGisjavaScript最全的中文APIWord格式.docx

《ArcGisjavaScript最全的中文APIWord格式.docx》由会员分享，可在线阅读，更多相关《ArcGisjavaScript最全的中文APIWord格式.docx（224页珍藏版）》请在冰豆网上搜索。

如果不知道地图服务是否有缓存可用，使用ServicesDirectory寻找。

注意切片地图服务图层的构造函数包含服务的URL（Directory找到自己的地图服务的URL。

这行加入ArcGISServer地图

map.addLayer（tiledMapServiceLayer）;

代码

<

!

DOCTYPEHTMLPUBLIC"

-//W3C//DTDHTML4.01//EN"

"

http:

//www.w3.org/TR/html4/strict.dtd"

>

html>

head>

metahttp-equiv="

Content-Type"

content="

text/html;

charset=utf-8"

/>

X-UA-Compatible"

IE=7"

/>

title>

CreateMap<

/title>

linkrel="

stylesheet"

type="

text/css"

href="

scripttype="

text/javascript"

src="

dojo.require（"

esri.map"

）;

functioninit（）{

varmap=newesri.Map（"

map"

vartiledMapServiceLayer=newesri.layers.ArcGISTiledMapServiceLayer（"

map.addLayer（tiledMapServiceLayer）;

}

dojo.addOnLoad（init）;

/script>

/head>

bodyclass="

tundra"

divid="

style="

width:

900px;

height:

600px;

border:

1pxsolid#000;

/div>

CreatesamapandaddsanArcGISTiledMapServiceLayer.<

br/>

Mapnavigationusingmouse:

ul>

li>

Dragtopan<

/li>

SHIFT+Clicktorecenter<

MouseScrollForwardtozoomin<

MouseScrollBackwardtozoomout<

UseArrowkeystopan<

+keytozoominalevel<

-keytozoomoutalevel<

DoubleClicktoCenterandZoomin<

/ul>

/body>

/html>

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

这个示例使用Map.extentproperty属性接收地图范围的左下角和右上角坐标"

书签"

。

使用下列行创建地图:

varmap=newesri.Map（"

上面行中"

Map"

出现了三次。

第一次（varmap）是对象的名称，第二次（esri.Map）是类的名称,第三次（"

）是将包含地图的DIV的名称。

这个示例加入一个ArcGISTiledMapServiceLayer到底图，表示一个cachedArcGISServer地图服务，但是也可以使用ArcGISDynamicMapServiceLayer。

这种方式接收的地图的范围是相同的。

注意切片地图服务层的构造函数需要服务的REST端点的URL（ServicesDirectory找到地图服务的URL。

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

dojo.connect（map,"

onExtentChange"

showExtent）;

这意味着如果地图的范围被修改，回调函数showExtent将被调用。

showExtent函数构建一个包含地图的两个角的坐标的字符串。

Lowerleftcorner=（extent.xmin,extent.ymin）

Upperrightcorner=（extent.xmax,extent.ymax）

这两个角是需要知道用于地图的边界框的。

showExtent函数的最后一行通过增加完整的字符串到'

info'

DIV在页面上显示坐标:

dojo.byId（"

info"

）.innerHTML=s;

dojo.connect（map,"

functionshowExtent（extent）{

vars="

;

s="

XMin:

"

+extent.xmin+"

&

nbsp;

+"

YMin:

+extent.ymin+"

XMax:

+extent.xmax+"

YMax:

+extent.ymax;

dojo.byId（"

padding:

5px;

margin:

background-color:

#eee;

CreatesamapandaddsanArcGISTiledMapServiceLayer.OnmaponExtentChangedeventyoushouldseetheextentprintedbelowthemap.<

SHIFT+Dragtozoomin<

SHIFT+CTRL+Dragtozoomout<

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

这个示例报告了用户在地图上悬停和拖拽鼠标的鼠标指针坐标。

通过事件监听器来更新鼠标移到的x和y坐标。

下行代码创建了地图：

这两行代码增加了事件监听器到地图。

一个监听器为了onMouseMove，另外一个为了onMouseDrag，但是他们都是调用函数showCoordinates:

onMouseMove"

showCoordinates）;

onMouseDrag"

这些事件都传递地图点坐标到showCoordinates函数。

下列代码是函数如何获得坐标并写到"

标签：

varmp=evt.mapPoint;

）.innerHTML=mp.x+"

"

+mp.y;

CreateMapDisplayMouseCoordinates<

onLoad"

function（）{

//aftermaploads,connecttolistentomousemove&

dragevents

}）;

functionshowCoordinates（evt）{

//getmapPointfromevent

varmp=evt.mapPoint;

//displaymousecoordinates

position:

relative;

width:

spanid="

absolute;

right:

25px;

bottom:

color:

#000;

z-index:

50;

/span>

2.4加入动态地图

这个示例展示了增加一个按用户缩放或平移服务器每次绘制的地图。

这样的地图没有切片的cache并被调用一个动态地图服务图层。

ArcGISDynamicMapServiceLayer表示ArcGISJavaScriptAPI动态地图服务。

动态地图服务执行效率比切片地图服务慢。

如果不能创建一个切片的缓存，只能使用动态地图服务。

如果数据修改比更新缓存要快，可能不能创建一个缓存，或者需要实时数据的显示。

注意动态地图服务图层的构造函数需要服务的REST端点的URL（可以使用ServicesDirectory找到地图服务的URL。

注意图层使用setOpacity方法设置半透明的。

然后用地图的addLayer方法增加图层到地图。

dynamicMapServiceLayer.setOpacity（0.5）;

map.addLayer（dynamicMapServiceLayer）;

varimageParameters=newesri.layers.ImageParameters（）;

imageParameters.format="

png24"

//settheimagetypetoPNG24,notedefaultisPNG8.

//TakesaURLtoanoncachedmapservice.

vardynamicMapServiceLayer=newesri.layers.ArcGISDynamicMapServiceLayer（"

{"

opacity"

:

0.5,"

imageParameters"

imageParameters}）;

map.addLayer（dynamicMapServiceLayer）;

}

CreatesamapandaddsanArcGISDynamicMapServiceLayer.<

2.5加入两个动态地图

这个示例表现如何加两个动态地图到一个地图。

动态服务按用户缩放或平移服务器每次绘制的地图，ArcGISDynamicMapServiceLayer表示ArcGISJavaScriptAPI动态地图服务。

不像切片地图服务，动态地图服务没有一个预先渲染的图片切片的cache。

由于这个原因，动态地图服务比切片地图服务慢，但是对显示常常修改的和实时的数据是很有用的。

图层顺序由map.addLayer方法调用的顺序决定。

第一个被增加的图层被放置在下方。

后来的图层放置在上面。

在这个示例中，USA人口普查的国家图层被放置在堪萨斯州石油和天然气图层上方。

注意图层使用setOpac