Arcgis api for javascript学习笔记(4.5版本) - 获取FeatureLayer中的graphics集合

在Arcgis api for javascript 3.x 版本中,我们可以直接通过某个FeatureLayer对象中的graphics属性获取要素集合. graphics属性但是在4.x版本中,FeatureLayer对象并未提供graphics属性.所以我们要获取必须通过某些query的函数来实现. 方法一: 通过FeatureLayer中的queryFeatures()函数. queryFeatures()函数 <!DOCTYPE html> <html> <hea…

Arcgis api for javascript学习笔记(4.6版本) - 二维MapView中的FeatureLayer显示标注

4.6版本api的FeatureLayer中有提供 labelsVisible 和 labelingInfo 两个属性,设置这两个属性可以实现显示将属性中某个字段作为标注.但是这两个属性只针对三维SceneView有效.如下图截图所示.那么在二维中要实现FeatureLayer添加标注的功能,只能自己在FeatureLayer要素中的某个位置,添加一个TextSymbol的Point要素.结合上一篇讲到的 “获取FeatureLayer中的graphics集合”,我们可以通过如下的方法进行实现…

Arcgis api for javascript学习笔记(4.5版本) - 本地部署及代理配置

在开发过程中,由于api的文件比较多,没必要每个项目都将api加入到解决方案中.况且在VS中如果将api加入解决方案,在编写css或js代码时,由于智能提示需要扫描脚本等文件,会导致VS很卡.所以个人比较喜欢将各个版本的api发布到服务器上.本次记录以本机为例. 步骤1:将各版本arcgis api for javascript在IIS中发布. api部署目录结构( 端口:8001: 应用程序池:集成模式 + V4.0 ): 步骤2:编写代码,引入步骤1中发布的某个api. 引入本地部署的 ar…

Arcgis api for javascript学习笔记(3.2X版本)-初步尝试

Arcgis api for javascript(3.22版本)官方地址 :https://developers.arcgis.com/javascript/3/ 1. 根据官方示例实现一个简单地图展示功能. 示例代码: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://js.arcgis.com/3.22/esri/css/esri.css&quo…

Arcgis api for javascript学习笔记(4.5版本) - 点击多边形(Polygon)并高亮显示

在现在的 arcgis_js_v45_api 版本中并没有直接提供点击Polygon对象高亮显示.需要实现如下几个步骤: 1.点击地图时,获取Polygon的Graphic对象: 2.对获取到的Graphic对象进行高亮显示和移出高亮显示: 1. 点击地图时,获取当前点击的Polygon的Graphic对象在4.x版本中可以通过 view.on("click", function (event) { }); 结合 view.hitTest(event).then(functio…

Arcgis api for javascript学习笔记(4.5版本)-三维地图实现弹窗功能

1. 对于Graphic对象,在初始化Graphic对象时设置popupTemplate属性,即可实现点击Graphic时显示弹窗. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no&q…

Arcgis api for javascript学习笔记(4.5版本)-三维地图的飞行效果

其实就只是用到了 view.goTo() 函数,再利用 window.setInterval() 函数(定时器)定时执行goTo().代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scala…

Arcgis api for javascript学习笔记(4.5版本)-三维地图并叠加天地图标注

1.三维地图实现在官网的demo中就有三维地图的实现,如下图所示 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <title>3D Map With…

Arcgis api for javascript学习笔记(3.2X版本)-Map图层叠加以及基本操作

1. 不设置默认底图,第一个图层作为底图,然后叠加另外一个图层先添加图层1,第一个图层1作为默认底图,然后在图层1上叠加图层2,并设置图层2的透明度为50%. <!DOCTYPE html> <html> <head> <title>simple demo</title> <link rel="stylesheet" href="http://localhost:8003/arcgis_js_v320_api…

Arcgis api for javascript学习笔记(3.2版本) - 匀速行驶轨迹动画效果

一.前言有这样一个需求:已知某条线上的n个点的经纬度数组 ,实现物体运行轨迹. 如果这些点中两个距离很近,那么我们可以用一个定时器在地图上每次重新画一个点,这样肉眼看到这个点上的运动效果,如下图代码: var paths = [[116.2968, 39.90245], [116.297443, 39.902454], [116.297454, 39.90312], [116.296295, 39.903133], [116.296258, 39.902454], [116.296794, 3…

Arcgis api for javascript学习笔记 - 不改变默认端口(6080)情况下，外网访问Arcgis Server 发布的接口

Arcgis Server发布的地图服务地址默认端口号是6080,假设本机上只对80端口做了外网映射,在IIS中部署了一个网站绑定了80端口,那么网站中某个页面通过arcgis api for js 加载Arcgis Server发布的地图服务就无法加载出来了. 在此情况下,可以将Arcgis Server发布的地图服务地址Url设为网站的特定地址,然后通过拦截器拦截特定地址,在拦截器中用HttpWebRequest访问localhost:6080,将HttpWebResponse响应流写入Re…

Arcgis api for javascript学习笔记-控制地图缩放比例尺范围(3.2X版本与4.6版本)

Ⅰ. 在3.X版本中,设置Map对象的 "maxScale" 和 "minScale" 属性 <!DOCTYPE html> <html> <head> <style type="text/css"> html, body { margin: 0; padding: 0; height: 100%; width: 100%; } #viewDiv{ width:100%;height:100%; }…

arcgis API for javascript 学习笔记

ArcGis Server地图是缓存的,意味着它有服务器管理员简历提示性能的一组预先渲染的切片.由于这个原因地图通过ArcGISTiledMapServiceLayer表示如果地图服务没有一个可用的缓冲,使用ArcGISDynamicMapServiceLayer. 使用下列行创建地图:var map = new esri.Map("map");…

ArcGIS API for JavaScript 学习笔记（一）

终于开始了噩梦一般的ArcGIS 我特别不习惯这种结构化的程序写法写起来特别吃力特别是把几个功能整合到同一个页面去的时候. 写程序的时候,一般我喜欢先写个Demo然后再把Demo上面的功能加到页面里面去结果加进去之后老是有问题早了半天问题还没找到新的问题又出现了好了不吐槽了慢慢来有关于ArcGIS的介绍我就不再赘述了网上有很多. 如何初始化地图前端: html,body { padding-top: 25px; ; height: 100%; } #map { hei…

ArcGIS API for Silverlight学习笔记

ArcGIS API for Silverlight学习笔记(一):为什么要用Silverlight API(转) 你用上3G手机了吗?你可能会说,我就是喜欢用nokia1100,ABCDEFG跟我都没关系.但你不能否认3G是一种趋势,最终我们每个人都会被包裹在3G网络中.1100也不是一成不变,没准哪天为了打击犯罪,会在你的1100上强制装上GPS.GIS工作既然建立在计算机的基础上,当然也得随着IT行业与时俱进. 看看现在计算机应用的趋势吧.云(计算),这个东西可讲不清楚,因…

ArcGIS API for javascript开发笔记（二）——解决ArcGIS Service中的服务在内网环境下无法进行javascript预览问题

感谢一路走来默默支持和陪伴的你~~~ ----------------------------拒绝转载-------------------------------- 1.问题说明在使用ArcGIS for Service时经常会遇到一个问题,那就是我们需要对已经发布的服务进行预览,预览时点击对应服务,选择View in中的ArcGIS JavaScript就可在浏览器中实现对地图的预览工作. 在点击该操作时会分为两种情况 1).网络通畅,点击访问没有问题.正常显示地图. 2).无网络(内网环…

ArcGis API for JavaScript学习——加载地图

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学习——离线部署API

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/"&…

arcgis api for javascript 学习（七）调用发布地图信息，并将地图属性信息输出到Excel表格---进阶版

我们在arcgis api for javascript 学习(三)已经学习到了关于调用地图信息进行属性输出的问题,不过通过代码我们实现后会发现还是有一些小瑕疵的,比如我们只能单个数据属性的输出,如果想输出多个数据的时候就要一次次的运行代码,这样的话每次运行都要导出一个excel文件,不仅占内存还十分的麻烦!本次进阶就是通过对前面代码的改进,可以实现对多个信息进行批量的导出,节省了不少的时间,快来看看吧! 第一步和前面的一样,首先找到我已经发布过地图并找到URL,了解直接要发布地图的属性表信息,…

arcgis api for javascript 学习（三）调用发布地图信息，并将地图属性信息输出到Excel表中

吐血推荐:网上搜了很久关于webgis地图属性表输出到Excel表,并没能找到相关有价值的信息,在小白面前,这就是一脸懵x啊!网上要么是关于前端如何在页面上直接导出excel,和webgis半毛钱关系没有,要么查看arcgis api for javascript 的帮助文档,里面有的实例是显示属性表信息,如何同时显示并能输出excel表的文章介绍,没找到..那只能通过看代码,进行改进来实现上面的两种功能,终于终于....找到了他们之间的联系,实现出来了!! 1.首先我已经发布过地图并找到URL…

arcgis api for javascript 学习（六）地图打印

1.本文应用arcgis api for javascript对发布的动态地图进行打印,打印的为PDF格式,打印出来如图: 2.需要特别注意的是:我们在运行代码前,需要打开PrintingTools,如图 3.并且在启动后,在URL中,需要修改一下,如图: 4.运行代码,点击打印如图: 5.代码部分: <!DOCTYPE html> <html> <head> <title>地图打印</title> <meta http-equiv=&qu…

arcgis api for javascript 学习（四）地图的基本操作

1.文章讲解的为地图的平移.放大.缩小.前视图.后视图以及全景视图的基本功能操作 2.主要用到的是arcgis api for javascript中Navigation的用法,代码如下: <!DOCTYPE HTML> <html> <head> <title>显示地图的基本操作</title> <meta http-equiv="content-type" content="text/html;charse…

ArcGIS API for javascript开发笔记（五）——GP服务调用之GP模型的发布及使用详解

感谢一路走来默默陪伴和支持的你~~~ ----------------欢迎来访,拒绝转载---------------- 关于GP模型的制作请点我! 一.GP发布 ArcGIS Desktop可以作为客户端,将创建好的模型作为GP服务发布到ArcGIS Server上,以供Web端的调用. 1) 模型运行成功后,在Results窗口中会出现执行的结果,右键单击模型,share as为Geoprosessing service. 2) Pulish aservice,下一步. 3) 选择服务连接或…

ArcGIS API for javascript开发笔记（三）——解决打印输出的中文为乱码问题

感谢一路走来默默支持和陪伴的你~~~ ----------------------欢迎来访,拒绝转载---------------------- 1. 调用ArcGIS API的Print实现地图的打印输出,部分代码如下: //打印输出的参数数组,为打印输出的模板提供参数准备 var layouts = [{ name:"Letter ANSI A Landscape", label:"Landscape(PDF)", format:"pdf&q…

ArcGIS API for javascript开发笔记（六）——REST详解及如何使用REST API调用GP服务

感谢一路走来默默支持和陪伴的你~~~ -------------------欢迎来访,拒绝转载-------------------- 一.Rest API基础 ArcGIS 平台提供了丰富的REST风格的web服务,以ArcGIS REST API方式对外提供,我们通过ArcGISREST API可以访问地图服务.要素服务.影像服务.地理处理服务等多种类型的Web服务,这些服务可以来自Portal.online或是Arcgis server. 那么如何使用这些ArcGIS REST API呢?…

【Arcgis api for javascript学习笔记(4.5版本) - 获取FeatureLayer中的graphics集合】的更多相关文章