描述
本例展示了如哦讀取地圖和圖層的屬性和返回信息給用戶。本例中的四個按鈕允許用戶接收地圖屬性。每個按鈕調用不同的函數。
- ·Get All Map Layers - 這個按鈕調用getMapLayers函數，循環地圖里的每個圖層並在報警框中報告 layer ID，visibility和 opacity信息
- ·Get SR - 這個按鈕調用getSR函數，在報警框中報告地圖的空間參考的WKID。
- ·Get Scales for portlandParcels - 這個按鈕調用函數getScales，在地圖服務圖層的portlandParcels切片中報告關於每個比例級別。該函數使用 ArcGISTiledMapServiceLayer.tileInfo屬性，這個屬性能顯示 map cache里有多少個比例級別，級別是什么比例的，每個比例的分辨率是什么。
- ·Get Map Width Height - 這個按鈕調用函數getMapWidthHeight，在報警框里報告地圖的width和 height，單位是像素。
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> 3 <html> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=7" /> 7 8 <title>ArcGIS JavaScript API Map Layer</title> 9 10 <link rel="stylesheet" type="text/css" href="styles.css" 11 href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.6/js/dojo/dijit/themes/tundra/tundra.css"> 12 <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.6"></script> 13 <script type="text/javascript"> 14 dojo.require("esri.map"); 15 16 var map,portlandParcels,transportation,census; 17 18 function init(){ 19 map=new esri.Map("map"); 20 //波特蘭（美國奧勒岡州最大的城市）地塊 21 portlandParcels=new esri.layers.ArcGISDynamicMapServiceLayer( 22 //"http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Portland/Portland_ESRI_LandBase_AGO/MapServer" 23 "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Population_World/MapServer" 24 ); 25 map.addLayer(portlandParcels); 26 //交通系統 27 /* transportation = new esri.layers.ArcGISTiledMapServiceLayer( 28 "http://server.arcgisonline.com/ArcGIS/rest/services/Reference/ESRI_Transportation_World_2D/MapServer", 29 {"id":"agoreference", "opacity":0.5} 30 ); 31 myMap.addLayer(transportation); */ 32 //人口普查 33 /* census = new esri.layers.ArcGISDynamicMapServiceLayer( 34 "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer", 35 {"id":"census","opacity":0.5} 36 ); 37 myMap.addLayer(census); 38 */ 39 40 } 41 //所有圖層信息 42 function getMapLayers(){ 43 for(var i=0,i1=map.layerIds.length;i<i1;i++){ 44 var currentlayer=map.getLayer(map.layerIds[i]); 45 alert("id: "+currentlayer.id+",visible:"+currentlayer.visible+",opacity"+currentlayer.opacity); 46 } 47 48 } 49 //控件參考 50 function getSr(){ 51 alert("Spatial Reference WKID:"+map.spatialReference.wkid); 52 53 } 54 //比例級別 55 function getScales(){ 56 var titleInfo=portlandParcels.titleInfo; 57 var scales=""; 58 for(var i=0,j=titleInfo.lods.length;i<j;i++){ 59 var level=titleInfo.lods[i].level; 60 var scale=titleInfo.lods[i].scale; 61 var resolution=titleInfo.lods[i].resolution; 62 scales=scales + "level:" + level + ",scale" + scale + ",resolution" + resolution; 63 } 64 alert(scales); 65 66 } 67 //獲取地圖寬度和高度 68 69 function getMapWidthHeight(){ 70 alert("Width: " + map.width + "Height： " + map.height); 71 } 72 73 dojo.addOnLoad(init); 74 </script> 75 76 </head> 77 78 <body> 79 <div id="map" class="tundra" style="width:900px;height:600px;border:1px solid #000;"></div> 80 <input type="button" value="所有圖層" onclick="getMapLayers()"/> 81 <input type="button" value="控件參考" onclick="getSr()"/> 82 <input type="button" value="比例級別" onclick="getScales()"/> 83 <input type="button" value="地圖的寬度高度" onclick="getMapWidthHeight()"/> 84 </body> 85 </html>