本系列主要关注ArcGIS Server以及ArcGIS API for Javascript,由于我本人是从前端方面向GIS方面学习,希望能够给更多需要了解GIS的程序员同学更多的参考.另外本系列会在ArcGIS API for Javascript文档的基础之上,介绍一些GIS方面的知识,仅供参考.

ArcGIS介绍

首先我们需要知道ArcGIS指的是Esri公司的一款产品系列,也就是说ArcGIS包含了好几个软件,具体情况可以到Esri中国了解,我们这里要学习的是ArcGIS提供的Web开发SDK即ArcGIS API for Javascript以及和它搭配的ArcGIS Server.

需要了解的是ArcGIS API for Javascript依赖于Dojo框架.

GIS简介

下面我们需要了解一下目前Web GIS的情况并且引入一些相关概念.

提到GIS我们第一个能想到的就是地图,简单来说GIS要解决的就是如何存储展示操作地图以及相关的元素,那么现在通过浏览器来展现地图的方式有哪些?展现的技术通过是否为需要插件分为两种,我们当然学习的是不需要插件的.

目前,使用浏览器提供的原生技术来进行展现的技术有SVGWebGL(通过canvas元素展现),这两种属于所有技术的根基,然后各个WebGIS前端框架会在此基础之上进行封装,然后将AJAX技术与Web Service进行交互的操作进行封装.目前比较流行的几个专业框架是ArcGIS API for Javascript,OpenLayersLeaflet.另外我们可能还会看到D3.js,ECharts等数据可视化框架也能展现地图,但是这里需要说明的是两类框架关注的点并不相同一些关注GIS方面一些专注在数据可视化方面,所以请客观的看待这些框架.

总结

目前主要技术分为依赖插件和不依赖插件两大类,不依赖插件即使用浏览器提供的原生技术来实现地图的展现以及相关的交互操作.

插件类

浏览器原生技术

常见框架

D3.jsECharts等专注于数据可视化的框架不在我们本次的讨论范围之内.

之后我们会介绍图层以及GIS有关的一些WebService规范或者标准,和常用的一些地图控件和地图知识.

谢谢!

前端ArcGIS学习之路-引言的更多相关文章

  1. Web 前端开发学习之路(入门篇)

    字数1374 阅读4622 评论0 喜欢49 以前学习过一段时间的web前端开发,整理了一些我看过的/我认为比较好的学习资料(网站.书籍).不要问我为啥没有进阶版,我只是一条产品汪而已,求轻喷.== ...

  2. web前端工程师学习之路开启(前言)

    web前端工程师需要掌握的所有技能 图解1: 图解2:

  3. jQuery延迟加载(懒加载)插件 – jquery.lazyload.js-Web前端(W3Cways.com) - Web前端学习之路

    Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预 ...

  4. Web前端 web的学习之路2

    2019 年 Web 开发技术指南和趋势 2019/01/23 · JavaScript · 趋势 转载:原文出处: 李棠辉(http://web.jobbole.com/95622/)    以下内 ...

  5. 前端学习之路-CSS介绍,Html介绍,JavaScript介绍

    CSS介绍 学前端必备掌握CSS样式,css为层叠样式表,用来定义页面的显示效果,加强用户的体验乐趣,那么如何用css到html中呢? style属性方式 利用标签中的style属性来改变显示样式 & ...

  6. web前端全栈学习之路

    web前端全栈学习之路 --- 陆续更新中 一.HTML相关 1.HTML常用标签:http://www.cnblogs.com/wyb666/p/8733699.html 2.HTML5基础: 3. ...

  7. 我的nodejs学习之路1

    距离上次写文章类东西已经有4-5年了,猛然写东西有种提笔忘字的感觉. 言归正传,这是一篇记录我自己学习nodejs的文章,在写下这篇文章的时候我也不是什么大牛,也不是很了解nodejs这项技术.之所以 ...

  8. Webwork 学习之路【03】核心类 ServletDispatcher 的初始化

    1. Webwork 与 Xwork 搭建环境需要的的jar 为:webwork-core-1.0.jar,xwork-1.0.jar,搭建webwork 需要xwork 的jar呢?原因是这样的,W ...

  9. Web前端工程师成长之路

    一.何为Web前端工程师?        前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/D ...

随机推荐

  1. AUTOSAR-关于配置文件的思考

    基于Can: 1. Can_Cfg.h contains compile time configurations. It should be included by Can.h which is sp ...

  2. THINKPHP 调试------输出sql语句

    echo $model->getLastSql();//$model为实例化的模板类

  3. ElasticSearch本地调测环境构建

    ElasicSearch版本:6.0.0:https://github.com/elastic/elasticsearch.git 1:安装JVM(JVM1.8以上) 2:安装gradle(3.3以上 ...

  4. 2017OKR年终回顾与2018OKR初步规划

    一.2017OKR - 年终回顾 自从6月份进行了年中总结,又是半年过去了,我的2017OKR又有了一些milestone.因此,按照国际惯例,又到了年终回顾的时候了,拉出来看看完成了多少.(以下目标 ...

  5. 利用JavaScriptSerializer转json实用方法

    项目中经常碰到需要输出的是json数据,使用JavaScriptSerializer转换,以前老的方法如下. JavaScriptSerializer jss = new JavaScriptSeri ...

  6. 非常适用的Sourceinsight插件,提高效率【强力推荐】

    转自:http://www.cnblogs.com/heiyue/p/6225975.html 一直使用sourceinsight编辑C/C++代码,sourceinsight是一个非常好用的编辑工具 ...

  7. @SpringBootApplication注解理解

    @SpringBootApplication包含三个有用的注解,包括 @SpringBootConfiguration:看源码其实就是@Configuration,表示当前类是一个配置类,就像xml配 ...

  8. Linux kernel的中断子系统之(六):ARM中断处理过程

    返回目录:<ARM-Linux中断系统>. 总结:二中断处理经过两种模式:IRQ模式和SVC模式,这两种模式都有自己的stack,同时涉及到异常向量表中的中断向量. 三ARM处理器在感知到 ...

  9. 如何给 mongodb 设置密码

    言简意赅,步骤如下: 连接mongo          mongo 进入admin数据库    use admin 创建管理员账户db.createUser({ user: "adminNa ...

  10. c# xml操作(二)

    c# xml操作(二) 此博文包含图片 (-- ::)转载▼ 标签: 杂谈 分类: c# 上次,我们介绍了增加和删除xml的一些操作,这次我们将介绍如何更改和读取xml特定节点.我们依然以上次的xml ...