描述

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

  • ·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，单位是像素。
 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//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>ArcGIS JavaScript API Map Layer</title>

     <link rel="stylesheet" type="text/css" href="styles.css"

            href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.6/js/dojo/dijit/themes/tundra/tundra.css">

     <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.6"></script>

     <script type="text/javascript">

         dojo.require("esri.map");

         var map,portlandParcels,transportation,census;

          function init(){

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

             //波特兰（美国奥勒冈州最大的城市）地块

             portlandParcels=new esri.layers.ArcGISDynamicMapServiceLayer(

                 //"http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Portland/Portland_ESRI_LandBase_AGO/MapServer"

                 "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Population_World/MapServer"

             );

              map.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 i=0,i1=map.layerIds.length;i<i1;i++){

                 var currentlayer=map.getLayer(map.layerIds[i]);

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

             }

         }

         //控件参考

         function getSr(){

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

         }

         //比例级别

         function getScales(){

             var titleInfo=portlandParcels.titleInfo;

             var scales="";

             for(var i=0,j=titleInfo.lods.length;i<j;i++){

                 var level=titleInfo.lods[i].level;

                 var scale=titleInfo.lods[i].scale;

                 var resolution=titleInfo.lods[i].resolution;

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

             }

             alert(scales);

         }

         //获取地图宽度和高度

         function getMapWidthHeight(){

             alert("Width: " + map.width + "Height： " + map.height);

         }

         dojo.addOnLoad(init);

     </script>

   </head>

   <body>

     <div id="map" class="tundra" style="width:900px;height:600px;border:1px solid #000;"></div>

             <input type="button" value="所有图层" onclick="getMapLayers()"/>

            <input type="button" value="控件参考" onclick="getSr()"/>

            <input type="button" value="比例级别" onclick="getScales()"/>

            <input type="button" value="地图的宽度高度" onclick="getMapWidthHeight()"/>

   </body>

 </html>

ArcGIS api for javascript——显示地图属性的更多相关文章

  1. ArcGIS API for JavaScript FeatureLayer服务属性编辑

    首先说一下感想吧,刚入行时感觉深似海,掉到了GIS开发的陨石大坑里了,首先是学了小半年的Flex,用到了ArcGIS API for Flex,接着又是半年的ArcEngine开发,现在终于摸到了一点 ...

  2. ArcGIS api for javascript——显示一个信息窗口

    描述 这个示例展示了在用户单击地图时如何在InfoWindow中显示信息.信息窗口是一个dijit (Dojo widget).信息窗口能够包含文本,字符,图片和任何通过HTML表示的事物.这个例子在 ...

  3. ArcGIS api for javascript——加入地图并显示当前地图范围

    描述 这个示例使用Map.extent property属性接收地图范围的左下角和右上角坐标 "书签". 使用下列行创建地图: var map = new esri.Map(&qu ...

  4. ArcGIS api for javascript——加入地图并显示x,y坐标

    这个示例报告了用户在地图上悬停和拖拽鼠标的鼠标指针坐标.通过事件监听器来更新鼠标移到的x和y坐标. 下行代码创建了地图: var map = new esri.Map("map") ...

  5. ArcGIS api for javascript——显示多个查询结果

    描述 本例展示了在重叠的多边形处理查询的一种方式.单击一个石油和天然气的字段来查看地图上的高亮显示.如果仅仅点击一个要素,能够在单击一次来查看包含一些属性的InfoWindow.如果偶然单击到重叠的要 ...

  6. ArcGIS api for javascript——显示多个ArcGIS Online服务

    描述 本例展示了如何使用按钮在地图里的两个不同的图层间切换.所有地图里的图层恰巧是来自ArcGIS Online的ArcGISTiledMapServiceLayers.按钮是Dojo dijit按钮 ...

  7. ArcGIS api for javascript——创建地图

    描述 这个示例显示ArcGIS Server的一个地图.ArcGIS Server地图是缓存的,意味着它有服务器管理员建来提升性能的一组预先渲染的切片.由于这个原因地图通过ArcGISTiledMap ...

  8. arcgis api for javascript 学习（三） 调用发布地图信息，并将地图属性信息输出到Excel表中

    吐血推荐:网上搜了很久关于webgis地图属性表输出到Excel表,并没能找到相关有价值的信息,在小白面前,这就是一脸懵x啊!网上要么是关于前端如何在页面上直接导出excel,和webgis半毛钱关系 ...

  9. ArcGIS API for JavaScript 4.2学习笔记[1] 显示地图

    ArcGIS API for JavaScript 4.2直接从官网的Sample中学习,API Reference也是从官网翻译理解过来,鉴于网上截稿前还没有人发布过4.2的学习笔记,我就试试吧. ...

随机推荐

  1. CSS3———linear-gradient() 线性渐变

    线性渐变linear-gradient() 遇到了这样的css样式 body { height: 100%; background-color: #ffffff; background-image: ...

  2. ActiveMQ学习笔记（3）----JMS的可靠性机制

    1. 消息接收确认 JMS消息只有在被确认之后,才认为已经被成功的消费了,消息成功消费通常包含三个阶段:客户接收消息,客户处理消息和消息被确认. 在事务性会话中,当一个事务被提交的时候,确认自动发生. ...

  3. js判断浏览器的环境（pc端，移动端，还是微信浏览器）

    window.navigator.userAgent用来区分设备和浏览器 <!DOCTYPE html> <html> <head> <meta charse ...

  4. js得到区域长宽

    网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offset ...

  5. 4----COM：a Generative Model for group recommendation（组推荐的一种生成模型）

    1.摘要: 组推荐的一个挑战性问题:因为不同组的成员就有不同的偏好,如何平衡这些组员的偏好是一个难以解决的问题. 在本文中,作者提出了一个COM的概率模型来建立组活动生成过程. 直觉上: 一个组中的用 ...

  6. 企业级URL检测脚本

    #!/bin/bash #检查web url 是否正常 . /etc/init.d/functions #引用系统函数库 #判断传参个数是否为一个 function usage(){ echo $&q ...

  7. 网页里如何使用js禁用F12事件

    接上一篇,突然想起来,类似于网页里如何使用js禁用鼠标右击事件,还有禁用F12事件也可以禁用一下,总所周知,对于Web开发人员来说,常常要进行界面的调试.使用F12调试工具能够很方便地进行调试,查看h ...

  8. HDU4324 Triangle LOVE【拓扑排序】

    Triangle LOVE Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others) To ...

  9. 7、java封装、继承、聚合组合

    1封装:封装的是属性,封:private 装:set.get‘ 可以看做将属性和get/set方法捆绑的过程. 优点:1.防止对封装数据的未经授权的访问,提高安全性.使用者只能通过事先预定好的方法来访 ...

  10. Linux经常使用命令(九) - cat

    cat命令的用途是连接文件或标准输入并打印.这个命令经常使用来显示文件内容,或者将几个文件连接起来显示,或者从标准输入读取内容并显示,它常与重定向符号配合使用. 1. 命令格式: cat [选项] 文 ...