ArcGIS API for JavaScript 入门教程[1] 渊源
- ->对于萌新,你可能需要了解一下这个东西是什么
- ->对于已经知道要用这个东西的开发者,你可能需要了解一下它的底层机制
- 不针对大牛。龟速更新ing.
- 转载注明出处。博客园&CSDN&Bilibili:@秋意正寒
1. 是什么【萌新别跳这一步】
如果非萌新,可以跳过这一段文字。
想要知道ArcGIS API for JavaScript是什么,我大概用以下几条条目描述:
- 是一个WebGIS二次开发(如果不知道什么是WebGIS请用搜索引擎···)的前端开发包,使用JavaScript语言
- 出自美国Esri公司
- 是Esri的ArcGIS Runtime SDK家族中的一员
- 它不是纯Js写的库
能说明什么呢?
- 它能制作在线地理信息系统平台,能做数据分析、空间分析、数据展示等;
- 歪果仁写的,英文资料多,虽然中文也有一定数量的资料(博客、书籍等),但是呢,由于Esri更新贼快,一年三四更的,中文资料不一定跟得上速度;
- 你可能需要学很多附属的东西,这个API很庞大、很笨重,入门门槛其实不高,但是深入难,前端上,你得知道造这个API的基础——Dojo框架,而Dojo框架由于历史渊源,又来自从属AMD(异步模块定义)规范的RequireJs,要想了解AMD,又不得不去看一些前端和后端的发展史,甚至不可避免要学一些基础的后端。
如果你做好了这些准备,继续。
哦对了,这个API当前有两个大支线,一个是3.x版本,一个是4.x版本;
3.x版本已经很成熟,用于2D的WebGIS二次开发很完美,如果你用的是ArcGIS整套产品;
我重点讲一下类和模块经过重新构造、较为简单的4.x版本,因为它最大的特征是数据视图分离、支持3D,旗帜鲜明对接ArcGIS Pro.
2. 学习此API需要些什么
熟练HTML 5的学习方式、熟练CSS 3的学习方式、能自我学习JavaScript,最好有一定的GIS基础知识、一定的数学知识。
我们在这里约定
ArcGIS API for JavaScript = jsapi/JsAPI/jsAPI...
你可能还要学习的是:
- NodeJs与npm(在4.7及3.24版本后可能要用npm下载)——作备选项,不学也无所谓
- webpack——上面那俩如果你学了,这个肯定要学了。
- 英语
对了,你不需要学怎么配置本地环境(就是说用官方的在线API进行学习就好了),我觉得那些东西网上太多了,查一下就行。有可能遇到跨域的问题,你也可以问搜索引擎,这里更关注的是“入门”而不是全面、细节,我需要把你快速带入门,之后看你的造化。
3. 它怎么来的
它基于一个更复杂的前端框架,Dojo.js。
除了当前两条支线3.x和4.x,其实早些年还有过ArcGIS API for Sliverlight和ArcGIS API for Flex,当然他们已经退休了。
JavaScript那么火热,自然而然选他啦。
由于GIS数据模型的复杂性,和普通的Web信息系统不同,面向对象的机制更合适去描述GIS数据和GIS分析。当时,没有别的好选择,只能选Dojo,因为它支持许多符合WebGIS的特性,如异步操作、面向对象等。
现如今,基于Node的包管理模式的前端开发早已不是什么难事,甚至还冒出了MVVM框架的一大堆火热框架。老迈的Dojo框架不能很好地融入其中,这让人很无奈。
在JsAPI中,地图可以是一个模块,图层可以是一个模块,一个用于空间分析的“东西”也可以是一个模块。类似于桌面编程中的类、继承机制,AMD规范下的RequireJs就产生了。Dojo基于此,定制了一大批的有用模块,能做图表,能做页面,能读写DOM,能做动画,当然是你需要什么模块就调用什么模块,并不需要一次性全部加载。JsAPI基于Dojo,定制了各个方面的模块,从而向开发者提供了一套强大的WebGIS二次开发包。
4. 我必须学它吗?
如果你的项目需求很大,大量用到空间分析、三维展示,频繁交互ArcGIS家族的产品(Server、ArcGIS Desktop等),请学;
如果你的项目需求比较小,也可以学,当然也可以有别的选择:
- 开源解决方案:Openlayers/Leaflets替代JsAPI。
Openlayers和Leaflets同样是WebGIS二次开发工具包,排名很靠前,二者区别是ol自己提供了封装好的功能模块,而lf则支持插件式,它的插件很多。他们都支持npm方式引入。
- 当然,为了实现简单的三维GIS,Cesium了解一下;
- 如果只是3D数据展示,ThreeJs了解一下;
- 如果数据源缺乏,不想自己做数据服务,对WebGIS标准缺少耐心,可以试试高德地图API、百度地图API等。
- 如果想全开源,就目前而言3DGIS还是ArcGIS最强外,传统二维WebGIS可以用QGIS代替ArcGIS Desktop、用PostgreSQL代替Geodatabase、用GeoServer代替ArcGIS for Server。
使用JsAPI最强大的特征就是真三维空间分析+无比强大的ArcTools工具箱了。
——————————
好了,可以开始讲了。
哦对了,我学的也不深,请不要用教程二字绑架我,认为我什么都会,我也在学习,希望一起交流,一起进步。
ArcGIS API for JavaScript 入门教程[1] 渊源的更多相关文章
- ArcGIS API for JavaScript 入门教程[0] 目录
随时翻看. 转载注明出处,博客园/CSDN/B站:秋意正寒. Part 1 必看 ArcGIS API for JavaScript 入门教程[1] 渊源 你还真不一定知道这是啥.非得学吗? ArcG ...
- ArcGIS API for JavaScript 入门教程[2] 授人以渔
这篇仍然不讲怎么做,但是我要告诉你如何获取资源. 目录:https://www.cnblogs.com/onsummer/p/9080204.html 转载注明出处,博客园/CSDN/B站:秋意正寒. ...
- ArcGIS API for JavaScript 入门教程[4] 代码的骨架
[回顾与本篇预览] 上篇简单介绍了JsAPI中的数据与视图,并告诉大家这两部分有什么用.如何有机连接在一起. 这一篇快速介绍一下前端代码的骨架.当然,假定你已经熟悉HTML5.CSS3和JavaScr ...
- ArcGIS API for JavaScript 入门教程[3] 你看得到:数据与视图分离
这篇开始正式讲API. 数据和视图分离不是什么奇怪的事情了,这是一个著名的设计--数据与视图分开. 转载注明出处,博客园/CSDN/B站:秋意正寒. 目录:https://www.cnblogs.co ...
- ArcGIS API for JavaScript 入门教程[6] 再讲数据——Map类之可操作图层
[回顾]上篇交代了Map是各种图层(不管是实际上的图层还是由图层构成的对象)的容器,是数据的容器,并不作显示(由视图类绘制).并重点讲解了由图层构成的复杂图层——高程属性ground和底图属性base ...
- ArcGIS API for JavaScript 入门教程[5] 再讲数据——Map类之底图与高程
[回顾]前4篇交代了JsAPI的背景.资源如何获取,简介了数据与视图分离的概念与实现,剖析了页面的大骨架. 这篇开始,讲Map类. 转载注明出处,博客园/CSDN/B站/知乎:秋意正寒 目录:http ...
- ArcGIS API for JavaScript 入门教程[7] 再讲视图——View的基本属性
[回顾]上篇花大篇幅讲了ArcGIS Server上的数据服务与部分常用可操作图层的创建关系,还讲了OGC的几个规范. 本篇回到JsAPI 4.x的新特性——视图类中来. 在第3篇讲过,4.x将视图从 ...
- arcgis api for js入门开发系列一arcgis api离线部署
在我的GIS之家QQ群里,很多都是arcgis api for js开发的新手,他们一般都是GIS专业的学生,或者从计算机专业刚刚转向来的giser,他们难免会遇到各种webgis开发的简单问题,由于 ...
- 【1】ArcGIS API for JavaScript 4.5/4.6 本地部署
惭愧,和我的学弟比起来,我所开始接触前端开发,ArcGIS API for JavaScript的时间和深度远远不及于他. 一年之尾,亦是一年之始,我也将正式开始我的博客生涯.本人在校学习并且做项目, ...
随机推荐
- windows安装weblogic和域的建立
Copyright ©2014 Manchester United
- 双机热备ROSE HA工作原理
双机热备ROSE HA工作原理 当双机热备软件启动后,ROSE HA首先启动HA Manager管理程序,根据高可靠性系统的配置结构初始化,然后启动必要的服务和代理程序来监控和管理系统服务.HA代理程 ...
- 基于one2team框架的Highcharts图表图片导出方案
这篇文章已经没有什么意义了,新版的HIghcharts提供Java图片导出解决方案,你需要做的就是下个Maven,bulid一个war就Ok了.---addedy on 2012-11-15 多说一句 ...
- 一个resin启动bug的解决
这个bug的问题后来被确认为Resin所在目录层有中文目录名.--------------------------------------------------------------------- ...
- Heap
#include using namespace std; int heap[100010],cnt=0; void put(int x) { cnt++; heap[cnt]=x; int now= ...
- SOFA 源码分析 — 扩展机制
前言 我们在之前的文章中已经稍微了解过 SOFA 的扩展机制,我们也说过,一个好的框架,必然是易于扩展的.那么 SOFA 具体是怎么实现的呢? 一起来看看. 如何使用? 看官方的 demo: 1.定义 ...
- 拾人牙慧篇之——基于HTML5中websocket来实现消息推送功能
一.写在前面 要求做一个,后台发布信息,前台能即时得到通知的消息推送功能.网上搜了也有很多方式,ajax的定时询问,Comet方式,Server-Sent方式,以及websocket.表示除了定时询问 ...
- Python(Django)项目与Apache的管理
(开开心心每一天~ ---虫瘾师) Python(Django)项目交给Apache的管理(一) 准备:Django的环境(Python).Apache.Wsgi(必须文件) 首先需要电脑有Pytho ...
- iOS 波浪效果的实现
iOS 波浪效果的实现 p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #4f8187; background-c ...
- STM32f030f4p6 内部flash 打包读写
最近做到的项目在运行需要把一组uint8_t(unsigned char)的数据进行掉电储存,想到单片机STM32f030f4p6内部flash可以直接由程序操作,写了以下代码用于uint8_t数据打 ...