描述

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

  • ·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. Sublime使用随记

    1.安装 Package Control Ctrl+` 打开命令行,执行如下代码: 适用于 Sublime Text 3: import urllib.request,os;pf='Package C ...

  2. 1、Windows服务器 VS Linux服务器

  3. jq 鼠标点击跳转页面后 改变点击菜单的样式代码

    点击菜单跳转页面,然而跳转后的页面字体并没有加粗用如下代码 <div class="bg01 menu"> <img class="img01" ...

  4. ActiveMQ学习笔记（17）----Message高级特性（一）

    1. Messaage Properties ActiveMQ支持很多消息属性,具体可以参考 http://activemq.apache.org/activemq-message-propertie ...

  5. About CNN（convolutional neural network）

    NO.1卷积神经网络基本概念 CNN是第一个被成功训练的多层深度神经网络结构,具有较强的容错.自学习及并行处理能力.最初是为识别二维图像而设计的多层感知器,局部连接和权值共享网络结构 类似于生物神经网 ...

  6. POJ-1743 Musical Theme 字符串问题 不重叠最长重复子串

    题目链接:https://cn.vjudge.net/problem/POJ-1743 题意 给一串整数,问最长不可重叠最长重复子串有多长 注意这里匹配的意思是匹配串的所有元素可以减去或者加上某个值 ...

  7. CentOS7 安装 MySQL 5.7

    wget https://dev.mysql.com/get/Downloads/MySQL-5.7/mysql-5.7.25-linux-glibc2.12-x86_64.tar.gz yum -y ...

  8. window安装特定补丁（勒索病毒）

    最近出现震惊的蠕虫病毒(勒索病毒),微软也做出相应的安全补丁来修复 MS17-010.这时有些同学不想打开电脑 的自动更新,这样会下载大量补丁,要更新完这些补丁要好几个小时,为了不影响正常工作,我们就 ...

  9. Mysql学习总结（20）——MySQL数据库优化的最佳实践

    1)谨慎而有效地使用索引 选择合理的索引(前缀性及可选性).删除没有用的索引. 2)使用规范化,但不要使用过头 规范化(至少是第三范式)是一个易于理解且标准的方法.然而,在有些情况下,你可能希望违反这 ...

  10. Informatica环境搭建过程中一些问题-近期项目进了新人，在搭建环境中存在一些问题，之前都处理过一直没有整理，这次接着机会，把这些常见问题处理整理出来

    一.Informatica9.5.1创建资源库出错找不到libpmora8.so 错误如下: Database driver event...Error occurred loading librar ...