Arcgis for Javascript实现图

首先,截个图给大家看结果: 初始化状态放大后的状态点击选中后的状态如上图所看到的,一般的涉及到的地图的统计涉及到上述所展示的三个状态:1.初始化状态.2.缩放后的状态:3.点击选中显示详情状态.第一种状态下,载入统计图.一般来说,在地图上显示的统计图仅仅是一个趋势或者示意,具体的还得去点击显示.另外一种状态.随着地图的缩放,地图统计图随着地图的大小变化.第三种状态,点击选中,在信息框显示具体的统计图的信息. 首先,跟大家谈谈地图统计图几种实现方式.眼下情况下,在Arcgis for Jav…

Arcgis for Javascript之featureLayer图和属性互操作性

说明:主要实现加载FeatureLayer并显示属性表,而要实现联动属性表与地图,首先,看看实施后的效果: 显示效果如上图所看到的,本文章主要实现了下面几个功能:1.FeatureLayer属性表的分页载入与显示:2.属性表和地图的互操作,包含鼠标经过时在地图上显示名称并高亮显示.点击列表显示对象的信息框.例如以下图: 显示信息框以下,说说详细的实现思路与代码. 1.FeatureLayer属性表的获取获取FeatureLayer的属性表,首先得创建FeatureLayer对象,例如以下:…

ArcGIS for JavaScript继承TiledMapServiceLayer来实现“动态切图”

这种方式可以提高出图速度于效果,算法见http://blog.newnaw.com/?p=633,我用ArcGIS for JavaScript API来实现.具体代码为: function initDynamicMapLayer() { dojo.declare("ogc.DynamicMapLayer", esri.layers.TiledMapServiceLayer, { // create DynamicMapLayer by extending esri.layers.Ti…

Arcgis for Javascript之featureLayer图和属性的互操作

说明:主要实现加载FeatureLayer与显示属性表,并实现属性表与地图的联动,首先,看看实现后的效果: 显示效果如上图所示,本文章主要实现了以下几个功能:1.FeatureLayer属性表的分页加载与显示:2.属性表和地图的互操作,包括鼠标经过时在地图上显示名称并高亮显示.点击列表显示对象的信息框,如下图: 显示信息框下面,说说具体的实现思路与代码. 1.FeatureLayer属性表的获取获取FeatureLayer的属性表,首先得创建FeatureLayer对象,如下: ftch…

Arcgis for Javascript API下类似于百度搜索A、B、C、D marker的实现方式

原文:Arcgis for Javascript API下类似于百度搜索A.B.C.D marker的实现方式多说无益,首先贴两张图让大家看看具体的效果: 图1.百度地图搜索结果图2.Arcgis for JavaScript实现的效果看到了效果,是不是各位有点小鸡动,是不是也宠宠欲动,有木有?但是具体是怎么实现的呢?下面我来详细的给各位说说我的实现思路吧. 第一,数据. 其实搜索的对象从类型上来说,应该是点.线.面都支持的,但是在实际的操作过程中,不论是百度还是我自己做的时候,都会将所有…

arcgis for javascript之ArcGISDynamicMapServiceLayer图层控制的实现

图层控制是非常多GIS系统里面必须的一个小功能,本文就说说arcgis for javascript下ArcGISDynamicMapServiceLayer图层控制的实现方式.首先看图: 实现效果重点有下面两点:1.获取ArcGISDynamicMapServiceLayer的图层:2.控制图层的显示. 图层的获取可通过layerInfos实现,图层的显示通过setVisibleLayers实现,源码例如以下: <!DOCTYPE html> <html> <head&g…

Arcgis for javascript map操作addLayer具体解释

本节的内容非常easy.说说Arcgis for Javascript里面map对象的addLayer方法.在for JS的API中,addLayer方法有两种.例如以下图: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvR0lTU2hpWGlTaGVuZw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">…

利用Arcgis for javascript API绘制GeoJSON并同时弹出多个Popup

1.引言由于Arcgis for javascript API不可以绘制Geojson,并且提供的Popup一般只可以弹出一个,在很多专题图制作中,会遇到不少的麻烦.因此本文结合了两个现有的Arcgis for javascript API扩充库,对其进行改造达到绘制Geojson并同时弹出多个Popup的目的. 目前已有的两个扩充库github地址(可供单独使用): 1.绘制Geojson的扩充库:https://github.com/Esri/geojson-layer-js 2.多个Po…

ArcGIS for JavaScript学习（一）

一 API准备从网上下载开发包:ArcGIS for JavaScript(百度网盘地址) sdk中含有API的帮助和例子 2.离线部署(以IIS为例) 配置IIS(详见网络):解压离线包,包中的install_SDK.html/install_API.html文件含有详细的部署过程. 二第一个应用程序使用在线api (1)创建简单的html文档 <!DOCTYPE html> <html> <head> <meta http-equiv="Co…

Arcgis for Javascript之统计图的实现

首先,截个图给大家看看效果: 初始化状态放大后的状态点击选中后的状态如上图所示,一般的涉及到的地图的统计涉及到上述所展示的三个状态:1.初始化状态:2.缩放后的状态:3.点击选中显示详情状态.第一种状态下,加载统计图,一般来说,在地图上显示的统计图只是一个趋势或者示意,详细的还得去点击显示:第二种状态,随着地图的缩放,地图统计图随着地图的大小变化:第三种状态,点击选中,在信息框显示详细的统计图的信息. 首先,跟大家谈谈地图统计图几种实现方式.目前情况下,在Arcgis for Javasc…

Arcgis for javascript map操作addLayer详解

本节的内容很简单,说说Arcgis for Javascript里面map对象的addLayer方法.在for JS的API中,addLayer方法有两种,如下图: addLayer方法在addLayer方法里面有两个参数,一个是必选参数layer,另一个是可选参数index,layer就不说了,可以是支持的任何一种layer,重点说说index.index参数用来控制地图显示的层级关系,也就是哪个在上,哪个在下的问题,举个例子: 不带参数: map.addLayer(base); map.a…

arcgis for javascript 隐藏或显示底图

arcgis for javascript展示地图的时候,有图层的概念,一层一层的,类似photoshop,在应用界面上控制图层的显隐,是极常见的功能. 但是,如果是控制底图的显示或隐藏呢,怎么搞? 网上找不到满意的答案.中文的一篇类似答案都没有,英文的都是说new Map的时候,别指定底图,然后再采用add Layer的办法添加上去.我明白,add Layer的时候,可以获得这个layer对象,然后对它进行可见性设置,即可控制矣.然而,构造Map的时候,如果不指定basemap,无论定位,中心…

关于ArcGis for javascript的使用

1.引用ArcGis for javascript核心类库的两种方式: 1.1.下载js包,解压缩放入项目中 1.1.1.下载核心类库压缩文件, 下载地址: https://developers.arcgis.com/downloads/ 1.1.2.将下载好的文件解压缩放入项目 1.1.3.更改核心类库中的相关文件中的路径 1> 更改 ../arcgis_js_api/library/3.22/3.22/init.js 与 ../arcgis_js_api/library/3.22/3.22/…

Twproject Gantt – 开源的 JavaScript 甘特图组件

Twproject Gantt 是一款基于 jQuery 开发的甘特图组件,也可以创建其它图表,例如任务树(Task Trees).内置编辑.缩放和 CSS 皮肤等功能.更重要的是,它是免费开源的. 您可能感兴趣的相关文章 OverAPI.com – 史上最全开发人员在线速查手册 CSS Matic:网页设计师必备的终极 CSS 工具箱前端文摘——网页图片优化的实用工具和技巧分享 Feedly:替代 Google Reader 最佳 RSS 阅读器 Swipebox – 用于触屏的 jQuer…

ArcGIS For JavaScript API 默认参数

“esri.config”的是在1.3版中的的“esriConfig”的替代品.如果您使用的是1.2或更低的版本,您应该参阅默认API v1.2和更低的配置.对于版本1.3或更高版本,您可以使用“esri.config”在地方的“esriConfig”.虽然“esriConfig”可以继续使用,与1.3版本,您应该更新您的应用程序,而不是使用“esri.config”.ArcGIS的JavaScript API中有一些默认的配置,可以被重写编程.例如: var zoomSymbol…

Arcgis for javascript不同的状态下自己定义鼠标样式

俗话说:爱美之心.人皆有之. 是的.没错,即使我仅仅是一个做地图的,我也希望自己的地图看起来好看一点. 在本文,给大家讲讲在Arcgis for javascript下怎样自己定义鼠标样式. 首先.说几个状态.1.鼠标在地图上面移动:2.按住鼠标左键拖拽鼠标.3.拉框放大地图:4.拉框缩小地图. 鼠标在地图上面时为 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvR0lTU2hpWGlTaGVuZw==/font/5a6L5L2T/fontsize/40…

ArcGIS Server的切图原理深入（转载）

http://forum.osgearth.org/template/NamlServlet.jtp?macro=search_page&node=2174485&query=arcgis+mapserver http://forum.osgearth.org/arcgis-server-and-wms-drive-td3012359.html (分层切片讨论) ArcGIS Server的切图原理深入转自http://blog.newnaw.com/?p=69 注:菩提老王的博客很不…

arcgis for JavaScript API 4.5与4.3的区别

arcgis 4.5与4.3区别: 鉴于本人使用4.3时间比较久,而arcgis for JavaScript API于9月28日推出了4.5版本,但是直接更换4.5的init.js会出现意想不到的错误,现对两版本进行比对.且本文针对有开发法基础的人,能快速了解4.5更新了哪些包. 模块结构上比较js4.5版本esri/core(+Error).esri/geometry(+HeightModelInfo).esri/layers(+BaseDynamicLayer+BaseElevationL…

ArcGIS for JavaScript 关于路径开发的一些记录（一）

今年毕业,进入公司的第一个任务就是单独负责一个项目的地图模块,用ArcGIS API for JavaScript来开发web地图.花了大概一个礼拜的时间学会了安装和搭建ArcGIS Server和ArcGIS DeskTop并且成功的发布了第一个本地的地图服务,之后花了大概1个月的时间来了解ArcGIS for JavaScript的官方API和Sample.由于官方的文档都是英文的,刚开始还真是很难看的懂(或许是当时太浮躁了).但时间久了也就慢慢的进入状态了,每天都能够学到不同的知识点,这种…

ArcGIS for JavaScript 关于路径开发的一些记录（三）

最近被一个bug困扰了两天~ 我新发布了一个NAserver(路径分析服务),但是放在之前的代码里面发现不能生成路径.经过我的调试发现并没有代码并没有报错,并且能够返回所生成路径的Graphic layer,但路径就是不能在地图上显示出来! 期间我的解决办法是思考可能造成这个现象的各种原因(写在纸上),然后逐一调试.排除,到最后把我所能够想到的所有可能的原因都排除了... 无可奈何,我开始通过各种Arcgis for Javascript相关的QQ群.甚至是Google到国外的一些论坛去翻阅有没…

Arcgis for javascript不同的状态下自定义鼠标样式

俗话说:爱美之心,人皆有之.是的,没错,即使我只是一个做地图的,我也希望自己的地图看起来好看一点.在本文,给大家讲讲在Arcgis for javascript下如何自定义鼠标样式. 首先,说几个状态.1.鼠标在地图上面移动:2.按住鼠标左键拖拽鼠标:3.拉框放大地图:4.拉框缩小地图. 鼠标在地图上面时为: 按住鼠标拖拽地图时为: 拉框放大地图时为: 拉框缩小地图时为. 接下来,说说我的实现思路. 第一种状态,在地图加载完成时出现,代码: map.on("load",function…

关于ArcGis for javascript整合百度地图天地图高德地图进行搜索

1.ArcGis for javascript整合百度地图搜索 1.1.首先引入百度地图的api  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=********"></script> 1.2.初始化百度地图搜索相关的实例 function initBDMAP() { bdMap = n…

ArcGIS for JavaScript 3.9 本机IIS部署

arcgis 官方网站经常会打不开,天朝人民都懂得!因此将arcgis for javascript 配置到本机访问首先esri中国下载最新版3.9的API: http://support.esrichina-bj.cn/2011/0223/960.html 下载到本机后将压缩包解压复制这个arcgis_js_v39_api/arcgis_js_api到iis的根目录(当然你可以复制到你的项目所在的目录下). 英文文档参见API:arcgis_js_api\library\3.9\inst…

arcgis for javascript 添加featurelayer,设置地图最大最小等级

转自原文arcgis for javascript 添加featurelayer,设置地图最大最小等级 var map; var livingCenter; var livingCenterUrl = "http://172.31.170.98:6080/arcgis/rest/services/livingcenter/FeatureServer/0"; var featureLayer; var featureLayerUrl = "http://172.31.170.9…

JavaScript数据结构——图的实现

在计算机科学中,图是一种网络结构的抽象模型,它是一组由边连接的顶点组成.一个图G = (V, E)由以下元素组成: V:一组顶点 E:一组边,连接V中的顶点下图表示了一个图的结构: 在介绍如何用JavaScript实现图之前,我们先介绍一些和图相关的术语. 如上图所示,由一条边连接在一起的顶点称为相邻顶点,A和B是相邻顶点,A和D是相邻顶点,A和C是相邻顶点......A和E是不相邻顶点.一个顶点的度是其相邻顶点的数量,A和其它三个顶点相连,所以A的度为3,E和其它两个顶点相连,所以E的度为2…

ArcGIS Engine开发鹰眼图的功能（代码优化篇）

在上一篇,ArcGIS Engine开发鹰眼图的功能(基础篇) 上一篇的实现效果图如下, 如果仔细观察,会发现一个问题,即在“鹰眼”的区域,只要在红色线框内的注记会被覆盖. 如果红色框包括整张图的话,图上的注记都将不会显示. 是什么原因造成的呢? 原因是使用IFillShapeElement向鹰眼视图添加绘图框后,标注与绘图框冲突造成互相压盖. 我们来看一张表, 在基础篇中,我们使用的是IFillShapeElement面要素进行刷新的,现在我们改换为线要素的IScreenDisplay Dra…

ArcGIS Engine开发鹰眼图的功能（基础篇）

鹰眼是用于调节全视域范围内主地图显示范围情况的副地图.它体现了地图整体与详细局部的关系. 用户可以通过鼠标单击或者画框等动作实现鹰眼与主地图的交互情况. 鹰眼功能的原理是通过主地图窗口的地图控件和鹰眼地图窗口的地图控件的4个事件即可完成整个实现流程,但这4个事件之间存在一定的逻辑关系.首先我们了解一下这4个事件的触发条件以及实现的功能. (1)主地图窗口地图控件OnMapReplace_Event事件是在主地图控件加载地图文档或者图层时触发,它主要用来完成主地图与鹰眼地图的地图同步工作.OnEx…

JavaScript实现图结构

JavaScript实现图结构一.图论 1.1.图的简介什么是图? 图结构是一种与树结构有些相似的数据结构: 图论是数学的一个分支,并且,在数学中,树是图的一种: 图论以图为研究对象,研究顶点和边组成的图形的数学理论和方法: 主要的研究目的为:事物之间的联系,顶点代表事物,边代表两个事物间的关系: 图的特点: 一组顶点:通常用 V (Vertex)表示顶点的集合: 一组边:通常用 E (Edge)表示边的集合: 边是顶点和顶点之间的连线: 边可以是有向的,也可以是无向的.比如A----B表示…

Arcgis for Javascript 对接iServer发布的Mapserver服务

测试说明 webgis开发流程一般是: 数据处理 ---发布服务---SDK开发.除了开源的服务以外,一般各GIS厂商都是自己的服务自己的SDK才能对接. SuperMap iServer 提供了将自己的数据直接发布为arcgis 地图服务的能力,具体步骤参考iserver的帮助文档.既然能转发服务,那arcgis的SDK能否正常对接使用呢? 测试步骤 1.使用SuperMap-iDesktop处理数据,新建地图,保存工作空间. 2.在iServer中发布arcgis地图服务,发布后的服务如下…

Arcgis for Javascript 在VS2012中的智能提示

官方地址: https://developers.arcgis.com/en/javascript/jsapi/api_codeassist.html 安装步骤 Visual Studio 2010 and 2012 Installation Instructions To enable the Code Assist Plug-in in Visual Studio, simply follow the steps below: Download the zipped plug-in docu…

【Arcgis for Javascript实现图】的更多相关文章