ArcGISJavaScriptAPI开发实例资源-CSDN文库

ArcGIS

Javascript

5星 · 超过95%的资源需积分: 10 99 浏览量 2009-03-10 20:07:23 上传评论收藏 524KB PDF 举报

资源推荐

资源详情

资源评论

JavaScript API Samples

http://resources.esri.com/help/9.3/arcgisserver/apis/javascript/arcgis/help/jssamples_start.htm[2009-3-10 15:27:16]

Customer Care Support Careers

ArcGIS Server » Web Applications » Javascript APIs » ArcGIS

Resources Gateway Concepts Samples Reference Community

JavaScript API Samples

Samples Overview

Map

Add a map

Add map and show current map extent

Add a map and show x,y coordinates

Add a dynamic map

Add two dynamic maps

Combine tiled and dynamic layers

Combine two ArcGIS Online services

Show an info window

Show loading icon

Set visible scales

Set custom extent and spatial referenc

Show map properties

Set map extent using second service

Show map using layer definitions

Dynamically create layer list

Explicitly create layer list

Switch layer when zoomed in

Display multiple ArcGIS Online services

Map Configuration

Layers

Graphics

Query Task

Identify Task

Find Task

Geocode Task

Geoprocessor Task

Toolbars

Utilities

Add a dynamic map

View live sample

Description

This sample demonstrates adding a map that is drawn by the server each time the user zooms or pans. Such a map does not have a cache of

tiles and is called a dynamic map service layer. In the ArcGIS JavaScript API dynamic map services are represented by

ArcGISDynamicMapServiceLayer.

Dynamic map services perform slower than tiled map services. Only use dynamic map services if you are unable to create a cache of tiles. You

might not be able to create a cache if your data changes faster than you can update the cache, or if you require real-time display of your data.

The following line creates the map:

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

"Map" appears three times in the above line. The first (var map) is the name of the object, the second (esri.Map) is the name of the class, and

the third ("map") is the name of the div which will contain the map.

Notice that the constructor for the dynamic map service layer requires the URL of the service's REST endpoint

(http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Population_World/MapServer). You can use the

Services

Directory to find out the URLs for your map services.

Notice that the layer is made partially transparent using its

setOpacity method. Then the map's addLayer method adds the layer to the map.

dynamicMapServiceLayer.setOpacity(0.5);

map.addLayer(dynamicMapServiceLayer);

Code

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

<html>

<head>

<title>Create Map</title>

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>

剩余78页未读，继续阅读

评论收藏

内容反馈

ZuoRuoJingHong

2013-10-20

这个资源真是太好了，很实用对初学者

fengyunshen

粉丝: 5
资源: 6

ArcGIS JavaScript API 开发实例

最新资源

ArcGIS JavaScript API 开发实例

ArcGIS实例开发

ArcGIS API for JavaScript应用开发

ArcGIS API for JavaScript 开发教程

ArcGIS API for JavaScript4.8 实例

ArcGIS Server JavaScript API 开发

WebGIS从基础到开发实践代码(基于ArcGIS API for JavaScript)

ArcGIS_API_for_Javascript_开发教程.rar

ArcGIS API for JavaScript

ArcGIS-API-for-JavaScript-开发教程

WebGIS从基础到开发实践（基于ArcGIS API For JavaScript）

arcgis api 3.x for js 入门开发系列十三地图最短路径分析源码

01 ArcGIS for Javascript API代码入门示例.rar

arcgis for js 绘制图形demo

ArcGIS API For JavaScript

ArcGIS JavaScript API

ArcGIS API for JavaScript开发入门

WEB GLS从基础到开发实践（基于ARCGIS API FOR JAVASCRIT）_13693186

5569_WebGIS (基于-ArcGIS API for JavaScrip).zip

arcgis-jsapi-getting-started:帮助您开始使用 ArcGIS API for JS 的存储库。 它包括代码自动补全、片段等。如果你喜欢它，请考虑给这个 repo 一个 :star:

ArcGIS JavaScript API开发—初级篇

ArcGIS-JavaScript开发

最新资源

arcgis-jsapi-getting-started:帮助您开始使用 ArcGIS API for JS 的存储库。它包括代码自动补全、片段等。如果你喜欢它，请考虑给这个 repo 一个 :star: