描述 本例展示当用户在要素上悬停鼠标时如何显示InfoWindow.本例中,要素是查询USA州图层的QueryTask的查询结果.工作流程如下: 1.用户单击一个要素 2.要素是“加亮的”图形. 3.用户在图形上悬停鼠标,看到属性信息的信息窗口. 如果想要在任意要素上悬停鼠标来查看信息窗口,见示例加载查询结构,悬停显示. 当用户在要素上移动鼠标时,下面的事件监听器格式化并显示信息窗口:  dojo.connect(map.graphics, "onMouseMove", functio…
描述 本例展示了当一个要素被查询时如何立刻打开一个InfoWindow.信息窗口能被用来将要素的属性格式化成用户易读的格式. 本例中,地图和查询任务都使用ESRI sample server上的服务KGS_OilGasFields_Kansas.地图也使用了来自ArcGIS Online的ESRI_Imagery_World_2D图层. 注意地图和查询任务不是必须要使用相同的服务. 例如,仅仅想保持来自ArcGIS Online的背景影像并在地图单击后显示要素. 单击地图后,下面的事件监听器调用…
这个示例报告了用户在地图上悬停和拖拽鼠标的鼠标指针坐标.通过事件监听器来更新鼠标移到的x和y坐标. 下行代码创建了地图: var map = new esri.Map("map"); 上面行中"Map"出现了三次.第一次(var map)是对象的名称,第二次 (esri.Map)是类的名称,第三次("map")是将包含地图的DIV的名称. 这个示例加入一个ArcGISTiledMapServiceLayer到底图,表示一个cachedArcGIS…
描述 本例展示如何使用图层定义来限制显示在地图上的图层信息.为了了解本例做了什么,看看用于这个地图的ESRI_Census_USA服务的服务目录页是有帮助的.检查地图中的图层列表.现在注意这行代码限制了显示图层为州和县. dynamicMapServiceLayer.setVisibleLayers([5,4,3]); 这个数据覆盖了美国,那么为什么当运行示例时仅仅Kansas周被显示?这是因为图层定义,通过SQL表达式限制数据在地图上的显示.本例中,图层定义限制了州为Kansas并且Kansa…
描述 这个示例使用Map.extent property属性接收地图范围的左下角和右上角坐标 "书签". 使用下列行创建地图: var map = new esri.Map("map"); 上面行中"Map"出现了三次.第一次(var map)是对象的名称,第二次 (esri.Map)是类的名称,第三次("map")是将包含地图的DIV的名称. 这个示例加入一个ArcGISTiledMapServiceLayer到底图,表示一…
<!DOCTYPE html> <html> <head> <meta charset="gb2312"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <title>安监???</title> <link rel="stylesh…
转自原文 ArcGIS api for javascript——加载查询结果,悬停显示信息窗口 描述 本例在开始和地图交互前执行一个查询任务并加在查询结果.这允许用户鼠标悬停在任意郡县时立即见到InfoWindow.本例改变了信息窗口的默认行为,仅在鼠标单击时显示信息窗口. QueryTask构造函数接受被查询的图层,即ESRI sample server上ESRI_Census_USA服务的郡县图层(索引号是3). 注意这和地图使用的不是一个服务.地图使用来自ArcGIS Online的ESR…
描述 本例展示了如何使用查询任务结果用去Google Chart API构建一个图表.当运行本例,点击一个郡县去看出现在一个无焦点的InfoWindow中的人口统计的数据的图表. 函数init创建了一个Map,一个QueryTask和一个Query.注意QueryTask的构造函数需要地图服务里一个图层的URL (http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapS…
描述 这个示例展示了在用户单击地图时如何在InfoWindow中显示信息.信息窗口是一个dijit (Dojo widget).信息窗口能够包含文本,字符,图片和任何通过HTML表示的事物.这个例子在信息窗口中显示地图和鼠标单击的屏幕坐标. 注意一旦地图被创建,信息窗口属性立即可用.例如,这行代码明确地设置信息窗口的大小: map.infoWindow.resize(195, 75); 能够选择显示信息窗口的操作类型.在本例中,地图单击显示信息窗口.为onClick事件增加监听器: dojo.c…
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…
描述 本例展示了在重叠的多边形处理查询的一种方式.单击一个石油和天然气的字段来查看地图上的高亮显示.如果仅仅点击一个要素,能够在单击一次来查看包含一些属性的InfoWindow.如果偶然单击到重叠的要素,将看到到一个要素列表,为下一次单击显示哪个要素的信息提供帮助. 注意本例使用一个InfoTemplate来定义信息窗口的文本格式.能够通过使用语法为${attributeName}包含某一属性的实际值.例如:${PROD_GAS}. 下面的代码根据用户单击要素的个数确定处理方式: queryTa…
放着好好的成熟的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选择的问题…
2018-3-19 ArcGIS api for JavaScript 在3.4之后就已经抛弃了过时的写法,采用了AMD的写法,AMD规范即异步模块加载机制,这种规范让JS就像其它面向对象语言(比如Java)一样,通过模块去管理代码.dojo的模块有点像java的包,而我们所需要的类就是在不同的模块中. 我现在有点纠结了,公司GIS模块的代码使用的是过时的写法,同时还自己写了很多类,看起来非常复杂,而公司部署的api版本是3.2的,注意不是3.2x版本哈,这个版本是很老的了:现在官网的Demo全…
最近工作上需要用ArcGIS API for Javascript来开发一个浏览器上使用的地图编辑工具,分享一下一些相关的开发经验. 我开发的地图编辑工具是根据ESRI提供的例子修改而来的,参考的例子是https://developers.arcgis.com/en/javascript/jssamples/ed_default_editingwidget.html 我们下面只说一些需要注意的问题: 1.代理的问题 Java Script API是基于REST访问的,通过GET的方式请求数据,这…
转自: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…
[官方文档: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…
这是一个基于jQuery的效果,当鼠标在小图片上悬停时,会弹出一个大图,该大图会跟随鼠标的移动而移动.这个效果最初源于小敏同志的一个想法,刚开始做的时候只能实现弹出的图片是固定的,不能随鼠标移动,最后加以改善,终于实现了比较理想的效果.今天就把制作该效果的经验与大家一同分享.先看看最终效果演示: 查看演示 HTML结构部分: 先编写一个无序列表的结构,a标签中的img标签用来存放小图片,a标签添加一个rel属性,用来存放大图片的路径. <UL id=gallery sizcache="6&…
感谢一路走来默默支持和陪伴的你~~~ ----------------------------拒绝转载-------------------------------- 1.问题说明 在使用ArcGIS for Service时经常会遇到一个问题,那就是我们需要对已经发布的服务进行预览,预览时点击对应服务,选择View in中的ArcGIS JavaScript就可在浏览器中实现对地图的预览工作. 在点击该操作时会分为两种情况 1).网络通畅,点击访问没有问题.正常显示地图. 2).无网络(内网环…
说明:本篇博文介绍的是ArcGIS API for JavaScript中的 Bookmarks(书签) ,书签的作用是,把地图放大到一个地方 添加书签,书签名称可以和地图名称一直,单击标签 地图会定位到刚才选中的地方.大致就是这个意思! 有关ArcGIS API for JavaScriptde的引用文件的部署 请参考我的前面的博客 原文地址:https://blog.csdn.net/xiaokui_wingfly/article/details/8500026 1.运行效果 2.html代…
这里发生什么任务呢?当第一次单击地图,单击的坐标被发送到一个Geoprocessor任务.该任务访问服务器上的通过ArcGIS Server 地理处理服务提供的可用的GIS模型.本例中模型计算驱动时间,它有2个输入参数"Input_Location"和 "Drive_Times".输入位置是一个要素,设置从单击点开始驱动,驱动时间被硬编码为2分钟.如果对ArcGIS JavaScript API的地图处理服务不熟悉,地图处理使用和站点中的地理处理示例能帮助你更好的理…
这是一个基于jQuery的效果,当鼠标在小图片上悬停时,会弹出一个大图,该大图会跟随鼠标的移动而移动.这个效果最初源于小敏同志的一个想法,刚开始做的时候只能实现弹出的图片是固定的,不能随鼠标移动,最后加以改善,终于实现了比较理想的效果.今天就把制作该效果的经验与大家一同分享.先看看最终效果演示: 查看演示 HTML结构部分: 先编写一个无序列表的结构,a标签中的img标签用来存放小图片,a标签添加一个rel属性,用来存放大图片的路径. 1 <ul id="gallery">…
1.前言 上一篇该系列的文章我们主要讲了一下基础Web地图搭建,这篇我们主要讲一下ArcGIS Server发布服务,并且如何调用服务.将自己的数据加载到Web地图当中来,实现Web端浏览数据. 2.ArcGIS Server介绍与安装 1.ArcGIS Server 是功能强大的基于服务器的 GIS 产品,用于构建集中管理的.支持多用户的.具备高级GIS功能的企业级GIS应用与服务,如:空间数据管理.二维三维地图可视化.数据编辑.空间分析等即拿即用的应用和类型丰富的服务.ArcGIS Serv…
jQuery css3鼠标悬停图片显示遮罩层动画特效 效果体验:http://hovertree.com/texiao/jquery/39/ 效果图: 源码下载:http://hovertree.com/h/bjaf/q9ii3dfq.htm 代码如下: <!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv=…
原文:ArcGIS API for JavaScript 4.0(一) 最近ArcGIS推出了ArcGIS API for JavaScript 4.0,支持无插件3D显示,而且比较Unity和Skyline,速度要快很多,适合在智慧城市中小场景的三维模型应用.下面开始吧! 一.引入样式和js <link rel="stylesheet" href="https://js.arcgis.com/4.0/esri/css/main.css"> <sc…
内容如上,截图自ESRI官网,连接:ArcGIS API for JavaScript 4.2 [Get Started] 类似于绪论一样的东西,抽取了最需要关注的几个例子.如:加载Map和View,加载layers,使用弹出窗口,视觉化,与使用窗口小部件.(wtf居然没有分析你想搞事情啊web除了展示难道不应该有()&&*--@) [Mapping and Views] (点击进入我写的章节详细介绍) 最基础的,知道地图和视图的区别,能使用2D和3D地图,对地图的布局有一定的了解,对地图…
惭愧,和我的学弟比起来,我所开始接触前端开发,ArcGIS API for JavaScript的时间和深度远远不及于他. 一年之尾,亦是一年之始,我也将正式开始我的博客生涯.本人在校学习并且做项目,在其过程中自然会遇到不少困惑与问题,遂将这些问题的解决方法与一些想法整理发布在这个平台上,也算是自己学习的一个总结与积累.如果有什么问题与错误,期望大家多多指正,共同学习. 本人在做前端开发时,调用ArcGIS对于JS的API(网络资源获取),但是经常出现无法获取相关JS与CSS资源的情况.在这种情…
熟悉GPServer的同学肯定知道,GPServer在10.1的ArcMap后需要执行成功一次才能发布. 发布GPServer,可以是ArcMap的工具箱的工具,也可以是自己写的模型. 不管是ArcMap的工具还是自己写的模型,肯定有许多个输入与输出的参数. ParameterValue的value属性类型(取决于ParameterValue的类型) 这些参数总有类型,那么这些参数对应ArcGIS API for JavaScript 4或者3这两个版本中,分别对应着JavaScript的什么数…
众所周知,在离线部署ArcGIS API for JavaScript时,有时候会产生微件上的字体.符号变成方框的问题.这是遇到了跨域,只需要对所在服务器进行配置即可. 本篇使用的环境是:API配置在Nginx服务器1中,测试页面在Nginx服务器2中,服务器1端口为1569,服务器2端口为1581. 此时,测试页面请求API中的字体.符号资源时,属于端口不同产生的跨域. 所以,要配置Nginx服务器1(端口1581)的跨域信息. 最后,我还用Apache服务器(端口1570)上的测试页面对Ng…
上篇ArcGIS API for JavaScript 4.x 离线配置之IIS法提到,如何用IIS配置ArcGIS jsAPI: 本篇则使用http下的Nginx配置,其原理基本一致.https的部署方法暂时没有试验.下篇使用Apache和Tomcat配置. [环境说明]操作系统Windows10,Nginx版本1.14.2,浏览器Chrome 69,jsAPI版本4.10 1. 安装Nginx(Windows) Nginx不需要安装,解压即可使用.解压到D盘根目录后如图: 如果点开nginx…
先来看一个模型: |–TiledMapServiceLayer  |       |–ArcGISTiledMapServiceLayer  |–DynamicLayer  |       |–DynamicMapServiceLayer  |                 |–ArcGISDynamicMapServiceLayer  |                 |–ArcGISImageServiceLayer  |                 |–GPResultImageL…