Web AppBuilder Widget使用共享类库的方式

Web AppBuilder是Esri公司推出的快速WebGIS应用搭建工具,具有以下特性:

  • 不需要编程,快速创建应用
  • WYSIWYG 交互式应用
  • 支持2D和3D应用
  • 基于ArcGIS API for JavaScript、HTML5
  • 支持多种设备上运行应用

Web AppBuilder提供内置版和开发版。基于开发版,开发人员能根据业务为其定制开发新插件和新主题。在定制开发的过程中,开发人员往往需要引用第三方JavaScript类库。下面则说明了如何在Web AppBuilder开发中共享这些第三方类库。

1.首先把需要共享引用的第三方库添加到以下目录:<WebAppBuilderForArcGIS安装目录>clientstemapplibs。

 

2.修改<WebAppBuilderForArcGIS安装目录>clientstemapplibsmain.js。在Define函数的依赖数组中添加刚才添加的第三方类库。以添加echart类库为示例:

define(["./usng/usng", "./storejs/json", "./storejs/store", "./md5/md5", "./qrcode","./echarts"], function(){

});

 3.在需要引用该类库的Widget的定义代码中引用。这里假设Widget.js的所在目录结构为<WebAppBuilderForArcGIS安装目录>clientstemappWidgets<自定义的Widget目录>Widget.js,则定义代码Widget.js应这样来引用共享类库:

define(['dojo/_base/declare', 'jimu/BaseWidget',"../../libs/echarts"]

, function(){

});

原文地址:https://www.cnblogs.com/luwl/p/5830042.html