1、使用易智瑞地理信息系统平台API开发Web应用易智瑞 WebGIS概述 易智瑞JS API精彩呈现 微件使用 框架使用目录WebGIS概述易智瑞致力于GIS软件的研发易智瑞地理信息系统平台决策支持分析与模型规划与设计可视化与制图行动数据集成与管理 与时俱进易智瑞地理信息系统平台物联网传感器网络智能制图高级分析智能设备实时Web 服务BIM快速计算 GIS系统 GIS平台 各行各业易智瑞地理信息系统平台构建WebGIS 语言C#JavaC+PythonSwiftKotlin 后端JSPASPSpringPHPWebGIS开发 前端DojoJqueryBootstrapReactArgularVu

2、eWebpackNodejs GIS相关矢量栅格投影空间分析镶嵌数据集WMSWMTSRESTGPWGS84CSCS2000 新概念BIM/CIMAR&VR倾斜摄影测量机器学习矢量大数据实时大数据栅格大数据 能配置不定制，能定制不开发易智瑞一直在倡导的理念配置 COTS 快速响应市场 快速原型展示时 无需开发者经验定制 模板定制 起点高 当COTS可以满足绝大多数需要时 开发新手即可胜任开发 使用SDK/API开发 独一无二的界面 拥有大量开发资源时 资深开发经验即拿即用即拿即用二次开发二次开发 配置 定制 开发易智瑞一直在倡导的理念桌面Web设备portalGIS 服务器Data Store数

3、据服务GeoEventServerImageServerGeoAnalyticsServerGIS Server Survey123 Collector WebAppBuilder Indoor Earth ExplorerApps JavaScript API Runtime SDK Pro SDKSDKs&API矢量大数据实时大数据影像大数据全新用户类型NotebookServer分析服务器Monitor 版本分3.x和4.x(项目开始于2013年末)浏览器调用空间资源 基于dojo框架构建 与ArcGIS REST API深度结合 JS API与易智瑞Runtime SDK接口高度一致

4、WebGIS开发必备的前端JS库什么是易智瑞地理信息系统平台API易智瑞JS API精彩呈现 Demo1：水面效果及淹没分析 Demo2：三维场景服务及相关工具 Demo3：海量数据快显 Demo4：3D客户端查询 Demo5：线符号 Demo6：编辑控件及3D绘制 Demo7：glTIF Demo8：GP分析工具Viewshed易智瑞地理信息系统平台API精彩呈现微件使用 API提供即拿即用的微件（三十二个）BasemapGallery Search Sketch AreaMeasurement2D AreaMeasurement3D Slice Bookmarks Compass Coor

5、dinateConversion Directions DirectLineMeasurement3D DistanceMeasurement2D Editor FeatureForm FeatureTemplates Home易智瑞地理信息系统平台API微件 LayerList Legend Locate Measurement NavigationToggle Popup Print ScaleBar ScaleRangeSlider Swipe TimeSlider Track Zoom Attribution BasemapLayerList BasemapToggle 控件组成：Vi

6、ew+ViewModel View控制UI ViewModel控制业务逻辑 微件开发语言 TypeScript编写，编译为JavaScript Widget生命周期constructor(params)在控件创建时调用，负责处理初始化时的各种参数postInitialize()在控件已被创建后，未绘制到UI前调用render()用于绘制控件的UIdestroy()释放控件实例 TypeScript 装饰器subclass 与declared结合使用，用于创建与dojo.declare兼容的子类property 用于定义Accessor的属性，该属性可使用set()，get()，及watch()

7、方法renderable 用于在属性值变化时，自动调用render函数重绘UI，与property结合使用 Demo（微件开发）易智瑞地理信息系统平台API微件扩展开发 微件开发步骤1.创建项目目录和文件结构2.安装JavaScript API 4.x类型定义3.添加依赖路径和导入语句4.扩展微件基类5.添加微件属性6.添加微件方法7.导出微件8.编译微件TSX文件9.将微件添加至应用 提供微件开发模板 https:/ API应用中window.dojoConfig=async:true,packages:name:react,location:https:/ API加载到用某框架构建的应用中

8、 webpack esri-loader前端流行框架的使用Webpack:用于构建应用程序的现代Web开发工具。它具有许多优点，包括：模块捆绑，依赖图和内置代码优化。Webpack 支持ArcGIS API for Javascript 3.x&4.x 适用于任何的模块加载器 适用于任何框架esri-loaderesri-loadernpm install-save esri-loader或yarn add esri-loader使用方法：import loadModules from esri-loader;const options=url:http:/server/path/to/arc

9、gis-js-api,css:http:/server/path/to/esri/css/main.css;loadModules(“esri/Map”,“esri/views/MapView”,options).then(Map,MapView)=/创建map与view);最后的小零碎 内置主题LightDarkLight-blueDark-blueLight-greenDark-greenLight-purpleDark-purpleLight-redDark-red 自定义主题：https:/ API主题 Calcite Web 基于Sass构建 CSS框架 Calcite的Web版 使

10、用方法 npm install-save-dev Esri/calcite-web#v1.2.5 import node_modules/calcite-web/dist/sass/calcite-web;文档 http:/esri.github.io/calcite-web/documentation/示例DemoCalcite Web Three.js WebGL JavaScript第三方库 强大的3D功能 易智瑞JS API esri/views/3d/externalRenderers toRenderCoordinates()fromRenderCoordinates()Three.js