<!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. JS 日期比较

    Js 日期比较方法 第一种方式 function compareDate(s1,s2){ return ((new Date(s1.replace(/-/g,"\/")))> ...

  2. CodeChef:Chef and Problems（分块）

    CodeChef:Chef and Problems 题目大意 有一个长度为n的序列$a_1,a_2,……,a_n$,每次给出一个区间[l,r],求在区间内两个相等的数的最远距离($max(j-i,满 ...

  3. 【error】vue-style-loader didn't discriminate between server and client

    出现这个bug的时候,设置为false

  4. [vagrant]vagrant centos静态ip设置

    vagrant 中使用的是public_network,而工作网络中,由于桥接了很多路由器,导致ip段位和本机的ip段位不在同一个局域网中 ifconfig之后的结果 [root@localhost ...

  5. mysql导入数据

    1.准备sql文件:第一句话就是指定要操作的数据库,然后是insert语句,或者update语句或者delete语句 2.登录数据库,并执行:    source       sql文件位置 不要直接 ...

  6. 微信小程序之组件的集合（六）

    这个将是最后一篇关于小程序的记录了,课程接近尾声,最后一个是关于用户的page页面,看看这个页面中有哪些值得学习的地方! 一.page中my开发 这个主要是展示用户喜欢的杂志,以及用户的信息,需要创建 ...

  7. Ionic App 更新插件cordova-plugin-app-version

    1.安装相关插件 cordova-plugin-file  ,cordova-plugin-file-opener2,cordova-plugin-file-transfer,cordova-plug ...

  8. layer时间插件

    引入: <link rel="stylesheet" href="<{$cdnsite}>/default/common/layui/css/layui ...

  9. light oj 1068 数位dp

    #include <stdio.h> #include <string.h> #include <stdlib.h> #include <math.h> ...

  10. VS2012与windos版本不兼容问题

    昨天晚上加完班,想着把windows更新下.今天上午就发现再运行VS报错了,提示VS2012与windows版本不兼容,打开.sln文件后,VS自动关闭.错误如下: 查看后网上提示安装VS2012的一 ...