描述 本例展示了如何为平移地图包括自定义的按钮.地图被放置在一个宽3列和高3行的HTML表格的固定宽度中心单元.表格里剩余的单元放置标签为8个主要方向的缩写的按钮.每个按钮调用地图上不同的平移函数.例如,"NW"按钮调用map.panUpperLeft. <button onclick="map.panUpperLeft();" ID="Button1">NW</button> 在自己的应用里,可以选择任意按钮的格式.甚至…
描述 本例展示了当用户放大或缩小地图时如何定义地图的动画.zoomDuration和zoomRate是Dojo动画属性,他们确定了动画的duration和帧刷新的rate .这些属性单位是毫秒,zoomDuration默认值是250,zoomRate默认值是25. 在本例中,可以通过调整这些属性为数据和应用获得更好的样子.例如,如果地图需要很长的时间加载,可以增加zoomDuration以便用户在等待加载缩放地图时看到空的或扭曲的屏幕时间较短.反之,如果地图加载很快,可以降低zoomDurati…
描述 本例展示了当用户放大或缩小地图时如何定义地图的动画.zoomDuration和zoomRate是Dojo动画属性,他们确定了动画的duration和帧刷新的rate .这些属性单位是毫秒,zoomDuration默认值是250,zoomRate默认值是25. 在本例中,可以通过调整这些属性为数据和应用获得更好的样子.例如,如果地图需要很长的时间加载,可以增加zoomDuration以便用户在等待加载缩放地图时看到空的或扭曲的屏幕时间较短.反之,如果地图加载很快,可以降低zoomDurati…
描述 本例展示了当用户点击平移按钮时如何定制地图的动画.panDuration和panRate是Dojo动画属性,可以分别确定动画的duration和帧刷新的rate.这些属性的单位都是毫秒,panDuration默认为值是250,panRate默认值是25. 在本例中可以调整这些属性来为数据和应用获得更好的样子.例如,如果地图需要一个很长的时间来加载,可以增大panDuration的值以便等待平面地图加载时看的空屏幕时间较少.相反地,如果地图加载很快,可以降低panDuration给地图更快的…
描述 该示例展示了在应用中如何包含一个Dojo调试控制台.可以写信息到控制台来记录发生的事件和应用运行时设置的属性.当调试Internet Explorer浏览器的错误时这是极为有帮助的.(对Firefox,Firebug提供了比Dojo调试控制台更强的调试能力.) 可以通过设置djConfig里面的isDebug属性为true来加入Dojo调试.必须在引用ArcGIS JavaScript API之前设置这个选项: <script type="text/javascript"&…
描述 ArcGISTiledMapServiceLayer,这意味着图层有一个在明确的比例的预先渲染的地图切片的cache.能够从tileInfo属性获得图层的的缓存比例数组.这是本例中标注如何被得到.在下面的代码中,记得"lods"是"levels of detail". var lods = layer.tileInfo.lods; for (var i=0, il=lods.length; i<il; i++) {   labels[i] = lods[…
描述 本例展示了如果删除缩放等级滑动器的刻度线.通过设置esriConfig里的sliderLabel为null来实现: esriConfig.defaults.map.sliderLabel = null; 默认情况下,缩放等级滑动器是垂直方向的.可以通过设置滑动器的高度属性为null来使滑动器改为水平方向. esriConfig.defaults.map.slider = { right:"10px", bottom:"10px", width:"20…
描述 本例展示了如果删除缩放等级滑动器的刻度线.通过设置esriConfig里的sliderLabel为null来实现: esriConfig.defaults.map.sliderLabel = null; 默认情况下,缩放等级滑动器是垂直方向的.可以通过设置滑动器的高度属性为null来使滑动器改为水平方向. esriConfig.defaults.map.slider = { right:"10px", bottom:"10px", width:"20…
转自:http://www.cnblogs.com/hll2008/archive/2008/11/22/1338630.html 目的:1.ArcGIS API for JavaScript实现Toorbar功能,包括zoomin.zoomout.zoomfullext.zoomToPrevExtent.zoomToNextExtent.pan等.准备工作:1.在使用在线的http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Stre…
描述 本例展示了如何创建一个定制图层,该图层访问来自WEB服务器的地图切片.这种方式最通用的用途是检索ArcGIS Server 9.2切片缓存或web上的其他地图切片服务.尽管本例使用的是一个ArcGIS Server 9.3服务,这仅仅是为了示范.当从9.3和更高版本时,最好使用ArcGISTileMapServiceLayer. 首先,代码声明一个继承esri.layers.TiledMapServiceLayer的定制的图层my.PortlandTiledMapServiceLayer.…
ArcGIS API for JavaScript 4.2直接从官网的Sample中学习,API Reference也是从官网翻译理解过来,鉴于网上截稿前还没有人发布过4.2的学习笔记,我就试试吧. 什么是ArcGIS API for JS?这里就不多介绍了,最关键的一点是4.x版本与3.x版本的变化,按官方的意思是重新写了底层. 笔记中规定: ArcGIS API for JavaScript简称AJS 使用CDN(即不配置本地环境)进行测试开发 其余根据需要进行修改.增删. 要将地图显示在h…
在开发过程中,由于api的文件比较多,没必要每个项目都将api加入到解决方案中.况且在VS中如果将api加入解决方案,在编写css或js代码时,由于智能提示需要扫描脚本等文件,会导致VS很卡.所以个人比较喜欢将各个版本的api发布到服务器上.本次记录以本机为例. 步骤1:将各版本arcgis api for javascript在IIS中发布. api部署目录结构( 端口:8001: 应用程序池:集成模式 + V4.0 ): 步骤2:编写代码,引入步骤1中发布的某个api. 引入本地部署的 ar…
1.去官网下载最新版: ArcGIS API for JavaScript 3.9 API 参考文档:https://developers.arcgis.com/javascr 智能提示下载:https://developers.arcgis.com/javascript/jsapi/api_codeassist.html 2.分别解压两个压缩包,然后把 arcgis_js_v39_api\arcgis_js_v39_api\arcgis_js_api 文件夹下的 library 文件夹放到 a…
ArcGIS API for JavaScript根据两个点坐标在地图上画线比如说a(xxxx,xxxxx),b(xxxx,xxxxx).利用这两个点画一条线 var polyline = new esri.geometry.Polyline([[xxx,xxx],[xxx,xxx]]); var symbol = new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([…
ArcGIS API for JavaScript 4.X 版本升级后,API发生了很大的变化. 其中就支持了WebEarth展示,主要是通过 esri/views/SceneView 实现的. 在新版本中,默认都是加载Esri自己的地图. 若想加载其他地图,可以通过扩展BaseTileLayer实现. 例如,最新版本加载谷歌地图的demo如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8&quo…
最近开始学习arcgis api for javascript,发现一头雾水,决定记录下自己的学习过程. 一.下载arcgis api for js 4.2的library和jdk,具体安装包可以去官网或者csdn找链接下载. 二.加载第一张地图 1.在线模式,参考知乎大神的文章http://zhihu.esrichina.com.cn/article/3133.就是在外网的情况调用esri官网的api,但是网速不给力的时候怎么也加载不出来,而且也不报错,总之挺烦的 2.本地部署.可以IIS和T…
ArcGis API for JavaScript开发笔记——加载地图 在这个例子中使用的离线部署的API(请参见 http://note.youdao.com/noteshare?id=f4286530e101e38b39ac26299ded3bd3&sub=wcp148109601207156). 新建一个html文件,如newmap.html.输入如下内容: <!DOCTYPE html> <html> <head> <meta http-equiv…
有了开发环境,接下来的就是实践了,实践是检验真理的唯一标准! 多多练习,不要觉得自己能够想的出来就万事大吉了,还是得动手做才是最好的检验自己的能力. 基础地图,本节将通过arcgis api for javascript 实现——加载2D地图.鹰眼.比例尺.图例等基本的功能. 首先如何完成上面的功能?将用到哪些技术?哪些类?这些是我们先必须知道的: dojo需引入的esri/map 资源或者说是类吧: dojo.request("esri/map"); 这个资源是加载地图的基本,Map…
我们在arcgis api for javascript 学习(三)已经学习到了关于调用地图信息进行属性输出的问题,不过通过代码我们实现后会发现还是有一些小瑕疵的,比如我们只能单个数据属性的输出,如果想输出多个数据的时候就要一次次的运行代码,这样的话每次运行都要导出一个excel文件,不仅占内存还十分的麻烦!本次进阶就是通过对前面代码的改进,可以实现对多个信息进行批量的导出,节省了不少的时间,快来看看吧! 第一步和前面的一样,首先找到我已经发布过地图并找到URL,了解直接要发布地图的属性表信息,…
吐血推荐:网上搜了很久关于webgis地图属性表输出到Excel表,并没能找到相关有价值的信息,在小白面前,这就是一脸懵x啊!网上要么是关于前端如何在页面上直接导出excel,和webgis半毛钱关系没有,要么查看arcgis api for javascript 的帮助文档,里面有的实例是显示属性表信息,如何同时显示并能输出excel表的文章介绍,没找到..那只能通过看代码,进行改进来实现上面的两种功能,终于终于....找到了他们之间的联系,实现出来了!! 1.首先我已经发布过地图并找到URL…
1.本文应用arcgis api for javascript对发布的动态地图进行打印,打印的为PDF格式,打印出来如图: 2.需要特别注意的是:我们在运行代码前,需要打开PrintingTools,如图 3.并且在启动后,在URL中,需要修改一下,如图: 4.运行代码,点击打印如图: 5.代码部分: <!DOCTYPE html> <html> <head> <title>地图打印</title> <meta http-equiv=&qu…
1.文章讲解的为地图的平移.放大.缩小.前视图.后视图以及全景视图的基本功能操作 2.主要用到的是arcgis api for javascript中Navigation的用法,代码如下: <!DOCTYPE HTML> <html> <head> <title>显示地图的基本操作</title> <meta http-equiv="content-type" content="text/html;charse…
内容如上,截图自ESRI官网,连接:ArcGIS API for JavaScript 4.2 [Get Started] 类似于绪论一样的东西,抽取了最需要关注的几个例子.如:加载Map和View,加载layers,使用弹出窗口,视觉化,与使用窗口小部件.(wtf居然没有分析你想搞事情啊web除了展示难道不应该有()&&*--@) [Mapping and Views] (点击进入我写的章节详细介绍) 最基础的,知道地图和视图的区别,能使用2D和3D地图,对地图的布局有一定的了解,对地图…
->对于萌新,你可能需要了解一下这个东西是什么 ->对于已经知道要用这个东西的开发者,你可能需要了解一下它的底层机制 不针对大牛.龟速更新ing. 转载注明出处.博客园&CSDN&Bilibili:@秋意正寒 1. 是什么[萌新别跳这一步] 如果非萌新,可以跳过这一段文字. 想要知道ArcGIS API for JavaScript是什么,我大概用以下几条条目描述: 是一个WebGIS二次开发(如果不知道什么是WebGIS请用搜索引擎···)的前端开发包,使用JavaScrip…
1.前言 上一篇该系列的文章我们主要讲了一下基础Web地图搭建,这篇我们主要讲一下ArcGIS Server发布服务,并且如何调用服务.将自己的数据加载到Web地图当中来,实现Web端浏览数据. 2.ArcGIS Server介绍与安装 1.ArcGIS Server 是功能强大的基于服务器的 GIS 产品,用于构建集中管理的.支持多用户的.具备高级GIS功能的企业级GIS应用与服务,如:空间数据管理.二维三维地图可视化.数据编辑.空间分析等即拿即用的应用和类型丰富的服务.ArcGIS Serv…
原文:ArcGIS API for JavaScript开发环境搭建及第一个实例demo ESRI公司截止到目前已经发布了最新的ArcGIS Server for JavaScript API v3.9,它提供了更为丰富而又强大的功能.     一.安装前准备 1.ArcGIS Server for JavaScript API各版本下载地址:http://support.esrichina-bj.cn/2011/0223/960.html,我们选择下载最新的"个zip压缩包,如下图所示: 个步…
放着好好的成熟的AJS 3.19不学,为什么要去碰乳臭未干的AJS 4.2? 4.2全线基础学习请点击[直达] 4.3及更高版本的补充学习请关注我的博客. ArcGIS API for JavaScript 4.2概述 AJS 4.2,即ArcGIS API for JavaScript 4.2,是美国ESRI公司针对WebGIS市场推出的.利用JavaScript和Dojo开发的一款产品,它在2016年12月发布.而AJS 4.0 beta则在一年前就发布了. 关于AJS3和AJS4选择的问题…
[官方文档:https://developers.arcgis.com/javascript/latest/sample-code/index.html]  一.Intro to MapView(2D) 在自己的HTML界面中创建并显示一个2D地图. 1.引入ArcGIS API for JavaScript ①编写HTML骨架 <!doctype html> <html> <head> <meta charset="utf-8"> &l…
感谢一路走来默默支持和陪伴的你~~~ ----------------------------拒绝转载-------------------------------- 1.问题说明 在使用ArcGIS for Service时经常会遇到一个问题,那就是我们需要对已经发布的服务进行预览,预览时点击对应服务,选择View in中的ArcGIS JavaScript就可在浏览器中实现对地图的预览工作. 在点击该操作时会分为两种情况 1).网络通畅,点击访问没有问题.正常显示地图. 2).无网络(内网环…
ArcGis API for JavaScript开发笔记——离线部署API 以3.18版API为例: 在加载图图前引用GIS服务是必须的.有两种方法,一是在线引用,而是离线部署引用. 在线引用: <link rel="stylesheet"href="https://js.arcgis.com/3.18/esri/css/esri.css"> <script src="https://js.arcgis.com/3.18/"&…