一提到Esri大家首先想到的是龐大的ArcGIS產品大家族,其產品包含從桌面端,到服務器/雲端,再到web/移動端。作為一名極客,不聊開源逼格似乎上不去啊。其實,Esri作為一個開放的平台,不僅有穩定強大的商業軟件也有很多好玩實用的開源項目。今天我們就來聊聊Esri的那些JS的開源項目。
首先要給大家隆重介紹一下Esri在Github上的主頁(這年頭,沒個Github主頁都不好意說自己是程序員)

里面有眾多Esri的開源項目,不僅有JavaScript的還有C++、C#、python、Java…那為啥今天只聊JS開源,那是…其實小編是做前端的啦,嘿嘿!
通過組織內搜索,我們找到了155個JavaScript的項目,當然這里面有很大一部分都是小的實驗項目,今天小編就為大家介紹幾個實用的開源項目。
-
esri-leaflet
leaflet是一個輕量級的展現交互式地圖的開源的JavaScript庫。其官網的訪問地址為:http://leafletjs.com/

Esri在其基礎上擴展了這個庫的服務接入能力,使其可以接入ArcGIS服務器發布的切片服務、要素服務、動態地圖服務以及影像服務。這個庫對於Esri來說並不是要替代原有的ArcGIS API for JavaScript,而是為WebGIS的開發提供一個新的選擇,利用leaflet可以快速上手構建一個基於地圖展示的簡單WebGIS應用,想開發一個功能強大的WebGIS?想展示三維模型?還是老老實實用ArcGIS API for JavaScript吧!
esri-leaflet庫的文檔及demo訪問地址:http://esri.github.io/esri-leaflet/
開源庫的Github下載地址為:https://github.com/Esri/esri-leaflet

- bootstrap-map-js
提到bootstrap前端開發人員應該都有所耳聞,因其漂亮的UI和方便的調用廣泛的應用於Web端的程序的界面設計(https://getbootstrap.com/)。那你是否嘗試將bootstrap與ArcGIS API for JavaScript配合使用?相信大多數人使用bootstrap是采用bootstrap+jquery的形式,殊不知bootstrap早已開發出了dojo擴展模塊(http://xsokev.github.io/Dojo-Bootstrap/)

bootstrap-map-js項目在bootstrap庫的基礎上開發了一個輕量級的擴展插件用來構建地圖應用(目前還只能用於3.x版本的ArcGIS API for JavaScript)通過bootstrap-map-js可以在地圖上添加bootstrap風格的控件,並且可以實現多種屏幕尺寸應用的自適應效果。

因為ArcGIS API for JavaScript是基於dojo構建的,所以這個庫的引用方式有兩種,一種是dojo+jquery的方式另外一種是純dojo的方式。
文檔及在線demo可以訪問:http://esri.github.io/bootstrap-map-js/demo/
開源項目下載地址為:https://github.com/Esri/bootstrap-map-js

給大家感受一下bootstrap風格的WebGIS應用,是不是跟平時的demo畫風不太一樣…
另外在ArcGIS API for JavaScrip 4.0中UI進一步的開放,不僅bootstrap,其他的第三方UI庫也能方便的接入到應用中。
- angular-esri-map
要說今年什么前端庫最火,jQuery?no,那已經成為過去時了,最火的前端庫非AngularJS莫屬,Angular.js 是一個MV*(Model-View-Whatever,不管是MVC或者MVVM,統歸MDV(model Drive View))JavaScript框架,其是Google推出的SPA(single-page-application)應用框架,其為我們的web應用開發增加不少魔法變換。官網地址:https://www.angularjs.org/

angular-esri-map正是在此基礎上對ArcGIS API for JavaScript進行封裝使其可以在AngularJS中使用,Angular 1.x可以使用ArcGIS API 3.15以上版本,Angular 2.0可以使用ArcGIS API for JavaScript 4.0版本(也就是說可以支持3D展示)。
文檔及demo的在線訪問地址為:http://esri.github.io/angular-esri-map/#/home 。
開源項目地址為:https://github.com/Esri/angular-esri-map

- Story Maps
還記得上個星期那一組炫酷的地圖故事模板么?地圖與炫酷的插圖和視頻聲音等多媒體配合真正的將地圖成為講述故事的一種方式。

地圖故事集合的訪問地址:http://storymaps.arcgis.com/en/,
更讓人興奮的是,地圖故事都是基於JavaScript開發的,並且其源碼都是在Github上開放的,這也就意味着,你可以對地圖故事的講述方式進行自定義的修改,點擊每個地圖故事,最后都會有一個Github的下載頁面。

點擊即可進入Github的下載頁面,這里我就不一一貼地址了…

