esri-leaflet入门教程(1)-esri leaflet介绍

by 李远祥

关于leaflet,可能很多人比较陌生,如果搭上esri几个字母,可能会有更多的人关注。如果没有留意过leaflet的人,稍微百度一下,也就知道,它是一个轻量级的地图js框架。leaflet的种种好处,似乎已经有不少人写过相关的文章,这里就不多累赘去说明了。关于专业GIS,放在整个IT技术来说,关注的人其实并不多,大部分IT从业者一般会跟消费级的地图应用会扯上一些关系,基本上就是调用百度、谷歌、高德等在线地图,并在此之上进行一些应用开发。而专业的WebGIS应用开发人员,一般会跟着如Esri这些巨擘走,进而投身非常专业的ArcGIS JS API 开发中区。

关于WebGIS的开发,笔者也是经历了非常多的技术变革了,从最早的ArcIMS Viewer,到后来痛苦的ArcGIS ADF,ArcGIS JavaScript /Flex API 等,无一不是重量级WebGIS框架或API,其中也有着不短的学习和适应过程。前几年比较流行的Flex和silverlight富客户端开发,随着Adobe、微软这些厂家断奶以及各种浏览器不在默认支持,已经逐渐失去了往日的风采,而esri也是跟着潮流,flex、silverlight 开发API已经停止更新,所以,如果想继续从事专业领域上的WebGIS开发,似乎也只剩下JavaScript这一项技术了。

当然,关于Web地图的前端框架,目前也有不少比较优秀的,通用领域上的Openlayers,异军突起的leaflet,也都是不错的选择。当然,也还有一部分回到服务和前端一体化的sharpmap(好多年前的技术了)。不管怎样,条条大路通罗马,达到目的就好。在专业领域上,应该更多人使用的是ArcGIS JavaScript API进行开发,毕竟背后有着Esri厂家的支持,熟悉ArcGIS软件体系的开发者在这方面似乎也是得心应手。但是,ArcGIS JavaScript API从第一版到现在,迭代了好几年了,始终都没有摆脱一个庞然大物--dojo!很多js开发人员也是对dojo非常头痛,尽管它也是一个非常优秀的js框架,但在框架方面,毕竟更多人还是比较倾向于jquery吧。

笔者也算是ArcGIS产品的死忠了,毕竟专业GIS领域上,ArcGIS产品还是口碑非常好的,也是产品结构非常清晰,API接口功能也非常齐全。但一旦到了使用JavaScript API进行开发,关于dojo部分还是需要慢慢的切换。也许Esri也意识到这个问题,也正在做一些非常积极的措施,例如,在其GitHub 上 http://esri.github.io/ 可以看到一些与开源JS框架的对接方案,排在第一位的自然就是leaflet了。

所以,笔者也是比较好奇,与leaflet对接之后,到底会比传统的ArcGIS JavaScript API会有什么样的一些变化。点击esri-leaflet进去之后,就会跳转到https://github.com/Esri/esri-leaflet 中,当然,这也是开发者比较喜欢的方式,同时在esri github 的主页上,也可以看到第一行的官方网址 http://esri.github.io/esri-leaflet/  这就是官方权威的网址,在这里面可以找到关于esri-leaflet的api、在线帮助、实例代码等。当然,也可以看到主页入口处的Leaflet官网链接。

总体来说,内容还是比较全面。如果没有Leaflet基础,可以直接到http://leafletjs.com/ 官网上去看看,多了解下这个webgis的框架。在这里面,可以找到非常多的帮助和扩展的。

leaftlet本身的扩展也是非常多的,Esri的ArcGIS支持只是其中的一个扩展,也有国人在其加入了天地图、MapABC、高德等的扩展,可以在其Plugins里面找到,例如在底图支持方面,可以看到其中一项支持中国的常用底图,至于这个名叫黄涛分享者是谁,我们也不去深究了,先拿过来用再说^_^

说了那么多关于leaflet的好处,主要是为了增强大家对该框架的信心,毕竟有个非常多的企业、组织和个人都对其进行支持,足以证明它的开放性和兼容性。

接下来言归正传,还是回到esri-leaflet上。毕竟是一个轻量级的开发框架,到底跟重量级的ArcGIS JavaScript API有多大的差距,先来看看其API的数量吧。从支持的服务类型和功能来看,应该是支持全线的ArcGIS服务的,尽管有一些是需要插件去支持,但不妨碍与ArcGIS的对接,例如矢量切片图层等,Esri才刚出来没多久,esri-leaflet就可以通过插件的方式去支持了,同时也加入了一些热力图和聚合图的显示方式。

在功能方面,基本上全线支持各种task,当然还包括非常重要的geoprocessing Task (尽管是通过插件方式支持)。可以看到,光是从功能上,基本上没有什么太多的差异,如果没有太多的特殊的要求,一般的WebGIS应用,使用esri-leaflet就可以应付了。

leaflet非常简单易用,就算是esri在其之上做了扩展,也基本上保留着其基本的调用方式,可以说如果一开始就有使用leaflet做开发的,esri-leaflet就有点类似于适配器一样,通过简单的适配就可以兼容ArcGIS的服务和功能了。

关于esri-leaflet的介绍就到这里,下一章节将会介绍一下如何使用esri-leaflet去搭建基于ArcGIS的应用。

esri-leaflet入门教程(1)-leaflet介绍的更多相关文章

  1. leafLet入门教程兼leafLet API中文文档参考

    英文文档参考:https://leafletjs.com/reference-1.3.4.html#popup 博客参考:https://blog.csdn.net/qq_36595013/artic ...

  2. VB6 GDI+ 入门教程[1] GDI+介绍

    http://vistaswx.com/blog/article/category/tutorial/page/2 VB6 GDI+ 入门教程[1] GDI+介绍 2009 年 6 月 18 日 17 ...

  3. RNN 入门教程 Part 3 – 介绍 BPTT 算法和梯度消失问题

    转载 - Recurrent Neural Networks Tutorial, Part 3 – Backpropagation Through Time and Vanishing Gradien ...

  4. ASP.NET MVC4 新手入门教程之一 ---1.介绍ASP.NET MVC4

    你会建造 您将实现一个简单的电影清单应用程序支持创建. 编辑. 搜索和清单数据库中的电影.下面是您将构建的应用程序的两个屏幕截图.它包括显示来自数据库的电影列表的网页: 应用程序还允许您添加. 编辑和 ...

  5. JavaScript 入门教程一 开篇介绍

    一.JavaScript 刚开始是为了解决一些由服务器端进行的验证而开发的前端语言.在宽带还不普及的90年代,当用户辛苦输入很多信息并提交给服务器后,等了漫长的时间,等到的不是提交成功的提示而是某些必 ...

  6. gitbook 入门教程之插件介绍

    插件是 gitbook 的扩展功能,很多炫酷有用的功能都是通过插件完成的,其中插件有官方插件和第三方插件之分. 推荐官方插件市场 https://plugins.gitbook.com/ 寻找或下载相 ...

  7. Flutter开发移动端APP的入门教程及简单介绍

    Dart&Flutter环境搭建 安装 dart SDK 如果只开发移动应用,那么您不需要Dart SDK; 只需安装Flutter. 这里就直接安装 Flutter (dart SDK已经集 ...

  8. 【electronjs入门教程 】electronjs 介绍

    官网地址:https://electronjs.org/ 官网文档地址:https://electronjs.org/docs/ electronjs使用 JavaScript, HTML 和 CSS ...

  9. iMacros 入门教程-基础函数介绍(4)

    imacros的TRAY函数用法 这个函数的功能就是隐藏或显示,当执行imacros文件的时候,出现在特定标签的imacros图标 TRAY HIDE 就是隐藏图标 TRAY SHOW 就是显示图标 ...

  10. iMacros 入门教程-基础函数介绍(3)

    imacros 的 PAUSE 函数用法 这个函数的作用是暂停程序的运行,也就是断点. 对于有时运行到某一步需要输入内容时,或者需要调试时非常有用 如果你混着 pause 和 wait 一起用,那么当 ...

随机推荐

  1. MySQL 索引的使用

    一.or 的使用 (1)MySQL版本大于 5.x 的会使用 index merge 功能,即可以将多个单列索引集合起来使用,不过在查询时使用 or 的话,引擎为 myisam 的会开启 index ...

  2. android Makefile把jar包打到apk里

    这个是经常的需求,我就是经常忘,关键不理解啊. 反反复复的也看看了android makefile. 太复杂了. 慢慢来吧.哎.工作十年.啥也不会.咋整? ## Copyright (C) 2008 ...

  3. input有许多,点击按钮使用form传递文本框的值

    input有许多,点击按钮使用form传递文本框的值 <form name="form1" method="post" action="< ...

  4. hadoop+海量数据面试题汇总(二)

    何谓海量数据处理? 所谓海量数据处理,无非就是基于海量数据上的存储.处理.操作.何谓海量,就是数据量太大,所以导致要么是无法在较短时间内迅速解决,要么是数据太大,导致无法一次性装入内存. 那解决办法呢 ...

  5. Quartz.NET总结(一)

    Quartz.NET总结(一) 前段时间,花了大量的时间,将原先的计划任务,切换到Quartz.NET来进行管理.原先的后台定时服务都是通过计划任务来实现的,但是随着业务增长,计划任务也越来越多,每个 ...

  6. 10、手把手教你Extjs5(十)自定义模块的设计

    从这一节开始我们来设计并完成一个自定义模块.我们先来确定一个独立的模块的所能定义的一些模块信息.以下信息只是我自己在开发过程中想到或用到的,希望有新的想法的或者有建议的跟贴回复. 一个独立模块包含以下 ...

  7. 关于Java通过JNI调用C 动态链接库(DLL)

    JNI介绍 用JNI实现Java和C语言的数据传递 JNI原理分析和详细步骤截图说明 jni的JNIEnv指针和jobject指针 JNI实现回调| JNI调用JAVA函数|参数和返回值的格式 Jni ...

  8. JQuery中 json 和字符串直接相互转换

    json字符串转json对象:jQuery.parseJSON(jsonStr); json对象转json字符串:JSON.stringify(jsonObj);   IE中可能对unicode使用“ ...

  9. .NET Core installation guide

      .NET Core installation guide 1.Download Visual Studio 2015 Make sure you have Visual Studio 2015 U ...

  10. 扫码JSP

    扫码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o ...