arcgis api for javascript本地部署加载地图

最近开始学习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根据两个点坐标在地图上画线

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 离线部署

一.说明: 1.本篇文章以及之后的相关的文章所使用的ArcGIS API for javascript 的版本是3.3.初学者为了学习简单,可以引用在线的 Javascript.但是如果只能连接内网,而假如无法连接互联网或者网速较慢的情况下,使用本地部署的 Javascript 是一个更佳的选择,我们在这里要部署到 iis上,电脑怎么安装IIS在这里不再赘述,不会安装的自己去问度娘. 2.部署步骤: (1).下载ArcGIS API for javascript引用文件自己可以到官网下载,也可…

ArcGIS api for javascript——用缓存区查询地图

描述本例展示了如何在另外一个任务里使用一个任务的结果.单击地图查看被单击的点的1公里范围内的缓存(如果需要可以修改这个默认的缓存距离).也可以看缓存区的这些点的人口普查街区信息.单击一个点查看更多的人口普查街区的信息. 通过GeometryService, QueryTask和一些事件监听器实现了所有的功能: ·GeometryService对象提供访问到ArcGIS Server的几何服务,该服务可以缓冲,投影和简化几何体. ·QueryTask能根据地理或属性条件从地图图层检索要素.在本例…

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…

18 ArcGIS API for JavaScript4.X 系列加载天地图（经纬度）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con…

ArcGIS api for javascript——图形-增加图形到地图

描述本例展示了如何使用Draw工具栏在地图上描绘许多种类的几何体.ArcGIS JavaScript API包含工具栏. 工具栏不是一个在页面上自动地可见的用户界面组件.相反,工具栏是一个助手类,可以用来让用户在地图上描绘几何体.它保存为描绘每个几何体类型而写的代码.仅仅激活需要描绘的几何体类型.本例中,每个html按钮激活一个不同的几何体类型.这是Point按钮的代码: <button onclick="tb.activate(esri.toolbars.Draw.POINT);&qu…

ArcGIS api for javascript——使用图层定义显示地图

描述本例展示如何使用图层定义来限制显示在地图上的图层信息.为了了解本例做了什么,看看用于这个地图的ESRI_Census_USA服务的服务目录页是有帮助的.检查地图中的图层列表.现在注意这行代码限制了显示图层为州和县. dynamicMapServiceLayer.setVisibleLayers([5,4,3]); 这个数据覆盖了美国,那么为什么当运行示例时仅仅Kansas周被显示?这是因为图层定义,通过SQL表达式限制数据在地图上的显示.本例中,图层定义限制了州为Kansas并且Kansa…

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 server开发之API for js 本地部署

ArcGIS Server for javascript 本地部署第一次使用arcgis server for js开发,在经验方面还有很多的不足,所以将自己在开发过程中遇到的问题写出来与大家共享.有什么不足的地方还望多多指正,共同学习. 一.arcgis arcgis for JavaScript API的下载地址为:http://help.arcgis.com/en/webapi/javascript/arcgis/ 二.下载之后的压缩包解压之后三.将解压的api和sdk要部署到IIS的…

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开发笔记(一)——ArcGIS for Javascript API 3.14本地部署

堪称史上最详细的< ArcGIS forJavascript API 3.14本地部署>文档,有图有真相~~~ ---------环境:Windows server 2012R2,IIS 服务--------- 1. 下载ArcGIS JavaScript API 下载地址为(需要注册账号):https://developers.arcgis.com/en/downloads/ 2. 本地部署API (1)web服务器:在服务管理器中添加角色,选择需要安装的IIS服务. IIS的部署十分简单,…

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 4.x 本地部署之跨域问题解决法:CORS

众所周知,在离线部署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 本地部署之Nginx法

上篇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…

RequireJS加载ArcGIS API for JavaScript

1.在main.js中配置ArcGIS API for JavaScript require.config({ paths : { //arcgisJS "esri": "libs/arcgisJS/esri", "dojo": "libs/arcgisJS/dojo", "dojox": "libs/arcgisJS/dojox", "dijit": "l…

ArcGIS API for JavaScript 4.4 版本加载谷歌地图

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 4.x 本地部署之Apache(含Apache官方下载方法)

IIS.Nginx都说了,老牌的Apache和Tomcat也得说一说(如果喜欢用XAMPP另算) 本篇先说Apache. 安装Apache 这个...说实话,比Nginx难找,Apache最近的版本都是11M左右的体积,别下错了. 官方项目网站和官方下载网站是两个,下载站是:https://httpd.apache.org 这里下载的是Windows能用的版本. 然后你会进到一个https://httpd.apache.org/download.cgi这个网站: 点“a number of th…

arcgis api for JavaScript _加载三维图层(scene layer)

arcgis api for JavaScript _加载三维图层(scene layer) arcgis api for JavaScript 4.x 版本增加对三维的支持. 关于三维图层(scene layer):https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-SceneLayer.html 把官方示例代码下载下来,在可以联网的环境中使用浏览器打开该文件即可, 官方示例:https://de…

ArcGIS api for javascript——加载查询结果，悬停显示信息窗口

转自原文 ArcGIS api for javascript——加载查询结果,悬停显示信息窗口描述本例在开始和地图交互前执行一个查询任务并加在查询结果.这允许用户鼠标悬停在任意郡县时立即见到InfoWindow.本例改变了信息窗口的默认行为,仅在鼠标单击时显示信息窗口. QueryTask构造函数接受被查询的图层,即ESRI sample server上ESRI_Census_USA服务的郡县图层(索引号是3). 注意这和地图使用的不是一个服务.地图使用来自ArcGIS Online的ESR…

【1】ArcGIS API for JavaScript 4.5/4.6 本地部署

惭愧,和我的学弟比起来,我所开始接触前端开发,ArcGIS API for JavaScript的时间和深度远远不及于他. 一年之尾,亦是一年之始,我也将正式开始我的博客生涯.本人在校学习并且做项目,在其过程中自然会遇到不少困惑与问题,遂将这些问题的解决方法与一些想法整理发布在这个平台上,也算是自己学习的一个总结与积累.如果有什么问题与错误,期望大家多多指正,共同学习. 本人在做前端开发时,调用ArcGIS对于JS的API(网络资源获取),但是经常出现无法获取相关JS与CSS资源的情况.在这种情…

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 调用本地Portal发布的WebMap

1.环境搭建安装Arcgis Portal 10.4,Server 10.4,DataStore ,WebAdaptor for IIS,搭建arcgis api for javascript 4.3环境,具体配置过程自行百度,在此就不赘述. 2.语言设置设置Portal语言:"我的组织"->编辑设置->常规->语言,选中“中文简体”; 3.发布图层在arcgis pro 1.4中发布名为point,line,polygon的测试服务,此处可以对各图层进行唯一值…

下载并部署 ArcGIS API for JavaScript 4.10

学习ArcGIS API for JavaScript 4.10 的第一步就是下载并部署该文件. 有的读者由于之间没接触过,不知道怎么下载和部署文件.这些读者要求作者详细的写一篇关于下载和部署的文章(其实并没有). 本篇文章介绍如何将ArcGIS API for JavaScript 4.10下载并部署到IIS上下载Arcgis API for JavaScript 4.10 首先打开网址:https://developers.arcgis.com/javascript/ 将这两个文件都解压到…

解决ArcGIS API for Silverlight 加载地图的内外网访问问题

原文:解决ArcGIS API for Silverlight 加载地图的内外网访问问题先上一个类,如下: public class BaseClass { public static string getFullUri(string oldUriString) { string newUriString = oldUriString; //处理相对地址============================================================ if (newUri…

ArcGIS API for JavaScript开发环境搭建与发布以及基本功能实现

1.背景介绍 ArcGIS API for JavaScript 咱这就不介绍了,具体可看ESRI中国的介绍:http://support.esrichina.com.cn/2011/0223/960.html 以前在ESRI中国还能下载到 ArcGIS API for JavaScript 各版本的Library和SDK,不过最近是一直下载不了,可能官方更推荐引用在线的样式与脚本库吧: 我比较过在线引用与本地部署两种不同方式,在线引用的话,加载速度毕竟还是没有本地部署快(而且感觉还比较明显),…

[ArcGIS API for JavaScript 4.8] Sample Code-Get Started-MapView,SceneView简介

[官方文档: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…

关于ArcGIS api for JavaScript的一些内容

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 4.2学习笔记[5] 官方API大章节概述与内容转译

内容如上,截图自ESRI官网,连接:ArcGIS API for JavaScript 4.2 [Get Started] 类似于绪论一样的东西,抽取了最需要关注的几个例子.如:加载Map和View,加载layers,使用弹出窗口,视觉化,与使用窗口小部件.(wtf居然没有分析你想搞事情啊web除了展示难道不应该有()&&*--@) [Mapping and Views] (点击进入我写的章节详细介绍) 最基础的,知道地图和视图的区别,能使用2D和3D地图,对地图的布局有一定的了解,对地图…

【arcgis api for javascript本地部署加载地图】的更多相关文章