<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>增大缩放级别</title>

    <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/tundra/tundra.css" />

    <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css" />

    <style>

        html, body, #mapDiv {

            padding: 0;

            margin: 0;

            height: 100%;

        }

    </style>

    <script src="http://js.arcgis.com/3.9/"></script>

    <script type="text/javascript" src="js/MapExtends.js"></script>

    <script type="text/javascript">

        var map, agoLayer;

        require(["dojo/parser", "esri/map", "esri/geometry/Extent", "esri/layers/ArcGISTiledMapServiceLayer", "esri/layers/FeatureLayer", "dijit/registry", "dijit/form/Button", "dojo/domReady!"],

            function (parser, Map, Extent, ArcGISTiledMapServiceLayer, FeatureLayer, registry) {

                parser.parse();

                var initExtent = new Extent({

                    xmax: -13624229.32056175,

                    xmin: -13625120.886837104,

                    ymax: 4548374.604660432,

                    ymin: 4547966.144290476,

                    "spatialReference": {

                        "wkid": 102100

                    }

                });

                map = new Map("mapDiv", {

                    extent: initExtent,

                    logo: false

                });

                var agoServiceURL = "http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer";

                agoLayer = new ArcGISTiledMapServiceLayer(agoServiceURL);

                map.addLayer(agoLayer);

                var featureLayer = new FeatureLayer("http://servicesbeta.esri.com/arcgis/rest/services/SanFrancisco/SFStreetTreesRendered/MapServer/0", {

                    mode: FeatureLayer.MODE_ONDEMAND

                });

                map.addLayer(featureLayer);

                map.on('extent-change', showScaleInfo);

                registry.byId("addNums").on("click", function () {

                    var oldLevels = map.getNumLevels();

                    map.addNumLevels(4);

                    var currentLevelsNum = map.getNumLevels();

                    alert("原总缩放级别为" + oldLevels + ";增加后总缩放级别为" + currentLevelsNum);

                });

                function showScaleInfo(evt) {

                    var scaletext = map.getLevel();

                    document.getElementById("scaleInfo").innerHTML = scaletext;

                }

            });

    </script>

</head>

<body class="tundra">

    <div id="mapDiv" style="position:relative; width:100%; height:100%; border:1px solid #000;">

        <button data-dojo-type="dijit/form/Button" id="addNums">

            增加放大级别数

        </button>

        <div id="scaleInfo0" style="position: absolute; left: 100px; visibility:visible; bottom: 2px; z-index: 100;">当前缩放级别：</div>

        <div id="scaleInfo" style="position: absolute; left: 210px; visibility:visible; bottom: 2px; z-index: 100;"></div>

    </div>

</body>

</html>

arcgis增大缩放级别的更多相关文章

  1. OpenLayers中地图缩放级别的设置方法

    来源于:http://www.cnblogs.com/sailheart/archive/2011/03/15/1984519.html 一.概述 在OpenLayers中,地图必须具有一个缩放级别的 ...

  2. android百度地图中的地图缩放级别

    前期搭建百度地图的环境就不说了,网上一搜一大把,这里只讲地图的缩放,大神可以直接绕道 首先在类的内部初始化一个百度地图的对象 private BaiduMap mBaiduMap; 然后在OnCrea ...

  3. Azure IoT 技术研究系列4-Azure IoT Hub的配额及缩放级别

    上两篇博文中,我们介绍了将设备注册到Azure IoT Hub,设备到云.云到设备之间的通信: Azure IoT 技术研究系列2-设备注册到Azure IoT Hub Azure IoT 技术研究系 ...

  4. [WPF]记一个Win8"缩放级别"设置导致的问题

    这是我电脑的分辨率设置: 关键在于设置了缩放级别"较大",即150%的缩放. 接下来在WinForm中用各种方法取得的屏幕分辨率都是缩放之后的,但是这个时候的鼠标事件中鼠标位置也是 ...

  5. 百度地图API二：根据标注点坐标范围计算显示缩放级别zoom自适应显示地图

    原文:百度地图API二:根据标注点坐标范围计算显示缩放级别zoom自适应显示地图 版权声明:本文为博主原创文章,转载请注明出处. https://blog.csdn.net/liusaint1992/ ...

  6. ArcGIS——使用符号级别区分重叠的面图层

    1.有这样一个面图层shp文件(区域相重叠),需要做出如下右图的效果: 2.导入shp文件后,右键shp文件,属性->符号系统 3.高级->符号级别 将面积最大的图层的级别设为最小,面积最 ...

  7. echarts 与 百度地图bmap结合系列： 如何设置地图缩放级别和监听缩放事件

    简单的demo: // ehcarts 的实例对象 this.myChart = echarts.init(el) // ehcarts加载完成事件 this.myChart.on('finished ...

  8. Android: 关于百度地图缩放级别

    18 ~ 3 {"50m","100m","200m","500m","1km","2km ...

  9. ArcGIS API For Javascript：热力图不同级别下的优化方法

    我们在地图缩放的不同级别下,热力图的显示效果会不同,由于点密度与模糊参数默认是固定的,因此需要对参数进行动态修改,以满足不同缩放级别下可以得到较好的显示效果. 思路是监听地图缩放级别,将地图缩放级别作 ...

随机推荐

  1. 《DSP using MATLAB》Problem 7.37

    代码: %% ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ %% Output In ...

  2. Ubuntu 16.04 安装STS

    先将STS下载下来,网址是 https://spring.io/tools/sts/all ,然后将STS压缩包移动或者copy到想要放置的位置,比如, sudo cp spring-tool-sui ...

  3. Quota- Linux必学的60个命令

    1.作用 quota命令用来显示磁盘使用情况和限制情况,使用权限超级用户. 2.格式 quota [-g][-u][-v][-p] 用户名 组名 3.参数 -g:显示用户所在组的磁盘使用限制. -u: ...

  4. Luogu P4933 大师(dp)

    P4933 大师 题意 题目背景 建筑大师最近在跟着数学大师ljt12138学数学,今天他学了等差数列,ljt12138决定给他留一道练习题. 题目描述 ljt12138首先建了\(n\)个特斯拉电磁 ...

  5. 深入了解组件- -- Prop

    gitHub地址:https://github.com/huangpna/vue_learn/example里面的lesson08 一 Prop的大小写(camelCase vs kebab-case ...

  6. 创建一个欢迎 cookie 利用用户在提示框中输入的数据创建一个 JavaScript Cookie，当该用户再次访问该页面时，根据 cookie 中的信息发出欢迎信息。

    创建一个欢迎 cookie 利用用户在提示框中输入的数据创建一个 JavaScript Cookie,当该用户再次访问该页面时,根据 cookie 中的信息发出欢迎信息. <html> & ...

  7. css3之弹性盒模型(Flex Box)

    CSS3 弹性盒子(Flex Box) 弹性盒子是 CSS3 的一种新的布局模式. CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时 ...

  8. struts2-OGNL表达式-OGNL与Struts2的结合

    1 OGNL表达式 OGNL:对象视图导航语言. ${user.addr.name} 这种写法就叫对象视图导航.OGNL不仅仅可以视图导航.支持比EL表达式更加丰富的功能. 1.1 使用OGNL 导包 ...

  9. linux上源码安装python

    Linux安装Python2.7 以下例子基于python 2.7.9,其他版本同理.# 1.下载python# wget https://www.python.org/ftp/python/2.7. ...

  10. c++新特性实验(5)声明与定义:属性列表（C++11 起）

    1.初识属性 1.1 实验A: noreturn 属性 [[ noreturn ]] static void thread1(void *data){ cout << "nore ...