• ->对于萌新,你可能需要了解一下这个东西是什么
  • ->对于已经知道要用这个东西的开发者,你可能需要了解一下它的底层机制
  • 不针对大牛。龟速更新ing.
  • 转载注明出处。博客园&CSDN&Bilibili:@秋意正寒

1. 是什么【萌新别跳这一步】

如果非萌新,可以跳过这一段文字。

想要知道ArcGIS API for JavaScript是什么,我大概用以下几条条目描述:

  • 是一个WebGIS二次开发(如果不知道什么是WebGIS请用搜索引擎···)的前端开发包,使用JavaScript语言
  • 出自美国Esri公司
  • 是Esri的ArcGIS Runtime SDK家族中的一员
  • 它不是纯Js写的库

能说明什么呢?

  1. 它能制作在线地理信息系统平台,能做数据分析、空间分析、数据展示等;
  2. 歪果仁写的,英文资料多,虽然中文也有一定数量的资料(博客、书籍等),但是呢,由于Esri更新贼快,一年三四更的,中文资料不一定跟得上速度;
  3. 你可能需要学很多附属的东西,这个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] 渊源的更多相关文章

  1. ArcGIS API for JavaScript 入门教程[0] 目录

    随时翻看. 转载注明出处,博客园/CSDN/B站:秋意正寒. Part 1 必看 ArcGIS API for JavaScript 入门教程[1] 渊源 你还真不一定知道这是啥.非得学吗? ArcG ...

  2. ArcGIS API for JavaScript 入门教程[2] 授人以渔

    这篇仍然不讲怎么做,但是我要告诉你如何获取资源. 目录:https://www.cnblogs.com/onsummer/p/9080204.html 转载注明出处,博客园/CSDN/B站:秋意正寒. ...

  3. ArcGIS API for JavaScript 入门教程[4] 代码的骨架

    [回顾与本篇预览] 上篇简单介绍了JsAPI中的数据与视图,并告诉大家这两部分有什么用.如何有机连接在一起. 这一篇快速介绍一下前端代码的骨架.当然,假定你已经熟悉HTML5.CSS3和JavaScr ...

  4. ArcGIS API for JavaScript 入门教程[3] 你看得到:数据与视图分离

    这篇开始正式讲API. 数据和视图分离不是什么奇怪的事情了,这是一个著名的设计--数据与视图分开. 转载注明出处,博客园/CSDN/B站:秋意正寒. 目录:https://www.cnblogs.co ...

  5. ArcGIS API for JavaScript 入门教程[6] 再讲数据——Map类之可操作图层

    [回顾]上篇交代了Map是各种图层(不管是实际上的图层还是由图层构成的对象)的容器,是数据的容器,并不作显示(由视图类绘制).并重点讲解了由图层构成的复杂图层——高程属性ground和底图属性base ...

  6. ArcGIS API for JavaScript 入门教程[5] 再讲数据——Map类之底图与高程

    [回顾]前4篇交代了JsAPI的背景.资源如何获取,简介了数据与视图分离的概念与实现,剖析了页面的大骨架. 这篇开始,讲Map类. 转载注明出处,博客园/CSDN/B站/知乎:秋意正寒 目录:http ...

  7. ArcGIS API for JavaScript 入门教程[7] 再讲视图——View的基本属性

    [回顾]上篇花大篇幅讲了ArcGIS Server上的数据服务与部分常用可操作图层的创建关系,还讲了OGC的几个规范. 本篇回到JsAPI 4.x的新特性——视图类中来. 在第3篇讲过,4.x将视图从 ...

  8. arcgis api for js入门开发系列一arcgis api离线部署

    在我的GIS之家QQ群里,很多都是arcgis api for js开发的新手,他们一般都是GIS专业的学生,或者从计算机专业刚刚转向来的giser,他们难免会遇到各种webgis开发的简单问题,由于 ...

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

    惭愧,和我的学弟比起来,我所开始接触前端开发,ArcGIS API for JavaScript的时间和深度远远不及于他. 一年之尾,亦是一年之始,我也将正式开始我的博客生涯.本人在校学习并且做项目, ...

随机推荐

  1. TopShelf安装多实例

    Topshelf 安装多实例命令: .\ConsoleApp1.exe -instance "newinstallname" install 多实例有一个好处就是容灾,当一个服务部 ...

  2. IEEE发布2017年编程语言排行榜:Python高居首位

    https://news.cnblogs.com/n/574248 编者按:本文由微信公众号“机器之心”(ID:almosthuman2014)编译,机器之心专注生产 AI 领域专业性内容.本文作者: ...

  3. golang 二进制转十进制实现方式

    golang 二进制转十进制实现方式 直接上代码 package main import ( "fmt" "math" ) func StringToIntAr ...

  4. ThinkPHP5从零基础搭建CMS系统(二)

    接上节,开启wamp集成环境,在浏览器地址栏输入http://localhost/cms/public,即可运行项目,但是这边域名太长,做一下处理. 注:需要查看tp5全部教程,请点击右侧thinkp ...

  5. lodash中Collection部分所有方法的总结

    总结一下lodash中Collection的所有的方法,方便对比记忆,也便于使用时候查找. 1.    判断是否符合条件:返回bool: a)  every: 判断每一值是不是都符合条件: 通过 pr ...

  6. (转)java之Spring(IOC)注解装配Bean详解

    java之Spring(IOC)注解装配Bean详解   在这里我们要详细说明一下利用Annotation-注解来装配Bean. 因为如果你学会了注解,你就再也不愿意去手动配置xml文件了,下面就看看 ...

  7. 解决iframe在移动端(主要iPhone)上的问题

    前言 才发现已经有一段时间没有写博客了,就简单的说了最近干了啥吧.前段时间忙了杂七杂八的事情,首先弄了个个人的小程序,对的,老早就写了篇从零入手微信小程序开发,然后到前段时间才弄了个简单的个人小程序, ...

  8. LeeCode数组第15题三数之和

    题目:三数之和 内容: 给定一个包含 n 个整数的数组 nums,判断 nums 中是否存在三个元素 a,b,c ,使得 a + b + c = 0 ?找出所有满足条件且不重复的三元组. 注意:答案中 ...

  9. Hive中Join的原理和机制

    转自:http://lxw1234.com/archives/2015/06/313.htm 笼统的说,Hive中的Join可分为Common Join(Reduce阶段完成join)和Map Joi ...

  10. Django入门一之安装及项目创建

    1. 习惯性的创建虚拟环境 # 由于我安装也安装了pyhton3所以在前面要加python2 -m F:\Python Script\MyVirtualenv>python2 -m virtua ...